QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 图片代码 > jquery大气的宽屏图文列表滚动代码

原创商用 jquery大气的宽屏图文列表滚动代码

jquery 实现简单大气企业建站营销体系介绍全屏图片文字布局滚动切换代码,切换UL的margin-left;可以随时调整距离,简单易用,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

3、body引入HTML代码

<div class="marketing">
	<div class="marketing-title ">功能全、营销体系完整</div>
	<p class="marketing-text ">20款商城营销功能、41款应用插件仍在不断更新</p>
	<div class="click_a">
		<a href="javascript:;" class="hover_L">
			<img src="images/hover-fl.png" alt="">
		</a>
		<a href="javascript:;" class="hover_R">
			<img src="images/hover-fr.png" alt="">
		</a>
	</div>
	<div class="mark-main">
		<div class="click_con" style="margin-left: -180px; width: 8700px;">
			<div class="system_list" style="width: 360px;">
				<div class="system_list_tit">
					<span>
						<em></em>
						<strong>促销</strong>
					</span>
					<p>多样营销,带来流量与销量</p>
				</div>
				<div class="system_list_con">
					<div class="mark-main-list">
						<span>
							<img src="images/marketing007.jpg" alt="">
						</span>
						<p>
							<em>会员卡</em>
							<strong>会员卡可享受更高折扣</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing008.jpg" alt="">
						</span>
						<p>
							<em>支付卡</em>
							<strong>各种支付卡折扣享不停</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing009.jpg" alt="">
						</span>
						<p>
							<em>促销海报</em>
							<strong>炫酷海报让你更加醒目</strong>
						</p>
					</div>
				</div>
				<div class="layer-mask"></div>
			</div>
			<div class="system_list" style="width: 360px;">
				<div class="system_list_tit">
					<span>
						<em style="background:#2fb3ff;"></em>
						<strong>互动</strong>
					</span>
					<p>随心互动,让你更了解客户</p>
				</div>
				<div class="system_list_con">
					<div class="mark-main-list">
						<span>
							<img src="images/marketing010.jpg" alt="">
						</span>
						<p>
							<em>微邀请</em>
							<strong>颠覆传统方式,让请帖更快捷</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing011.jpg" alt="">
						</span>
						<p>
							<em>微投票</em>
							<strong>了解粉丝选择,让你的特色更鲜明</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing012.jpg" alt="">
						</span>
						<p>
							<em>微留言</em>
							<strong>用户的互动交流利器</strong>
						</p>
					</div>
				</div>
				<div class="layer-mask"></div>
			</div>
			<div class="system_list new_cur" style="width: 360px;">
				<div class="system_list_tit">
					<span>
						<em></em>
						<strong>商城 </strong>
					</span>
					<p>商城组件功能完善,满足你的各种需求</p>
				</div>
				<div class="system_list_con">
					<div class="mark-main-list">
						<span>
							<img src="images/marketing013.jpg" alt="">
						</span>
						<p>
							<em>一元购</em>
							<strong>一元秒杀活动来袭</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing014.jpg" alt="">
						</span>
						<p>
							<em>拼团购</em>
							<strong>拼团折扣价,价钱低到爆</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing015.jpg" alt="">
						</span>
						<p>
							<em>满减</em>
							<strong>满减优惠来啦</strong>
						</p>
					</div>
				</div>
				<div class="layer-mask"></div>
			</div>
			<div class="system_list" style="width: 360px;">
				<div class="system_list_tit">
					<span>
						<em style="background:#cc53ff"></em>
						<strong>游戏活动</strong>
					</span>
					<p>游戏活动,边玩边赚红包</p>
				</div>
				<div class="system_list_con">
					<div class="mark-main-list">
						<span>
							<img src="images/marketing016.jpg" alt="">
						</span>
						<p>
							<em>摇一摇</em>
							<strong>通过摇一摇领取红包</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing017.jpg" alt="">
						</span>
						<p>
							<em>刮刮卡</em>
							<strong>刮刮卡刮出折扣</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing018.jpg" alt="">
						</span>
						<p>
							<em>大转盘</em>
							<strong>转到几折享几折</strong>
						</p>
					</div>
				</div>
				<div class="layer-mask"></div>
			</div>
			<div class="system_list" style="width: 360px;">
				<div class="system_list_tit">
					<span>
						<em style=" background:#ff6666;"></em>
						<strong>会员</strong>
					</span>
					<p>成为会员吧,优惠多多</p>
				</div>
				<div class="system_list_con">
					<div class="mark-main-list">
						<span>
							<img src="images/marketing001.jpg" alt="">
						</span>
						<p>
							<em>会员管理</em>
							<strong>管理会员信息</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing002.jpg" alt="">
						</span>
						<p>
							<em>会员等级</em>
							<strong>会员等级不同享受不同折扣</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing003.jpg" alt="">
						</span>
						<p>
							<em>会员特权</em>
							<strong>享受会员给您带来的特权吧</strong>
						</p>
					</div>
				</div>
				<div class="layer-mask"></div>
			</div>
			<div class="system_list" style="width: 360px;">
				<div class="system_list_tit">
					<span>
						<em style=" background:#d74aff;"></em>
						<strong>营销</strong>
					</span>
					<p>多样营销,带来流量与销量</p>
				</div>
				<div class="system_list_con">
					<div class="mark-main-list">
						<span>
							<img src="images/marketing004.jpg" alt="">
						</span>
						<p>
							<em>优惠券</em>
							<strong>优惠活动享不停</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing005.jpg" alt="">
						</span>
						<p>
							<em>红包</em>
							<strong>简单粗暴让粉丝来的更猛烈</strong>
						</p>
					</div>
					<div class="mark-main-list">
						<span>
							<img src="images/marketing006.jpg" alt="">
						</span>
						<p>
							<em>积分商城</em>
							<strong>积分也能付款,积分也能兑换商品</strong>
						</p>
					</div>
				</div>
				<div class="layer-mask"></div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/script.js"></script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
顺丰彩票 www.089016.com-吉林快三部落| www.217128.com-快三一个号码怎么组| www.281911.com-彩票复式-| www.350103.com-乐彩网玄机图| www.412874.com-竞彩足球游戏包括| www.506598.com-四柱测彩票数字绝招| www.028497.com-有没有办法攻击私彩| www.12ib.com-800万彩票客户端| www.0273.com-彩票店转让后停机| www.292183.com-快三老玩家经验| www.137188.com-49官方彩票-| www.553832.com-时时彩赢通计划下载| www.761394.com-好彩妹是什么意思| www.871061.com-陕西快三官网开奖| www.if83.com-新版微信如何买彩票| www.50qd.com-彩经网快三-| www.6292.net-河北快三漏选号| www.775492.com-玖富彩票网址| www.871602.com-福彩三地专家预测| www.948859.com-七乐彩守号中奖彩票| 福利彩票www.99677v.com| www.90sp.com-彩票缴税标准| www.562067.com-爱尚彩彩票平台官网| www.9rt.com-七彩祥云表情包| www.gs90.com-天天快三计划手机版| www.475335.com-西宁市福彩中心| www.706940.com-吉林快三下午推荐号| www.951270.com-九号彩票平台登录| www.03rv.com-广西快三有几种吗| www.686979.com-中彩那天四年级课文| www.747009.com-购云彩票-| www.828729.com-98198w彩票网| www.906771.com-江西快三是合法的吗| www.975365.com-下载博牛彩票| www.kg0.cc-江苏快三预测结果| www.620234.com-釉下彩瓷时间区分| www.721235.com-新葡萄彩票-| www.803520.com-体彩6十l开奖结果| www.897894.com-彩票网店宣传| www.967512.com-谁有彩票微信交流群| www.cp0390.com-快三免费破解器开挂| www.93881.cc-七乐彩五期选号法| www.552613.com-采乐汇彩票赚钱吗| www.31pv.com-彩票开奖查询星期一| www.7932.org-彩票到底多少种| www.52gg.com-水彩画入门临摹图片| www.ck11.cc-老快三开奖号码遗漏| www.04co.com-齐鲁福彩群英会| www.93gj.cc-幸运28彩票游戏| www.90vo.com-王者彩票团队计划| www.092398.com-香港彩先知tm网| www.238626.com-江苏快三真的能赚钱| www.343832.com-彩神lx正规么| www.87615.com-彩票98c-| www.37513.cc-福彩彩金是什么意思| www.70442.com-顶尖彩票如何提现| www.620655.com-彩票庄家不败的原理| www.905093.com-福彩快三代理挣钱吗| www.142174.com-彩票杀龙什么意思| www.296173.com-快三一注多少钱| www.69231.cc-众博彩票无故钱没了| www.632081.com-发现彩票的中奖规律| www.746668.com-台湾五分彩走势图| www.839157.com-网易彩票注册| www.965883.com-福建福彩一定牛| www.ht44.com-江苏省体彩网| www.7529.pw-彩票店吧台设计| www.925005.com-中彩票后真实经历| www.mf70.com-好彩投官网-| www.003033.com-○k彩票-| www.840326.com-南国彩票七星彩直播| www.928875.com-中福彩票合法吗| www.88ax.com-彩票009骗局| www.16466.cc-彩客网靠谱吗| www.101140.com-福彩三地跨度走势| www.279571.com-腾讯十分彩走势图| www.902510.com-pk彩吧下载-| www.975154.com-网上快三的套路| www.cai3133.com江苏快三开奖助手| www.7898.tv-分分快三彩预测| www.815078.com-网络彩票网站| www.905229.com-我在亿彩彩票输了| www.987567.cc-福利彩票25选七| www.cb48.com-彩票店搞黑彩| www.rg02.com-快三重一个好有钱吗| www.y55.com-彩运网cy6-| www.43ip.com-竞彩足球进球游戏| www.746.bid-时时彩和值跨度表| www.111319.cc-易彩快三攻略| www.968590.com-瑞彩国际-| www.cp5055.com-上海快三开奖走势| www.391335.com-3d预测乐彩网| www.35234.cc-玩彩票的qq群号| www.854457.com-58酷彩网-| www.920837.com-福利彩票网上能买吗| www.988667.com-微彩站app-| www.bn10.com-人人彩票app下载| www.tv55.com-福彩3d合买方案| www.979490.com-宝宝计划彩票| www.cp30.com-乐彩神app下载| www.2484.cn-湖北福彩网双色球| www.252757.com-好彩堂心水资料站| www.313668.com-中彩3d网-| www.781052.com-江西快三投注网址| www.82xy.com-北京彩民中5.7亿| www.631508.com-泗阳好彩头食品招聘| www.767647.com-腾讯分分彩两期计划| www.852274.com-5分彩不定位胆| www.938651.com-亿彩app在哪下载| www.991677.com-今日3d旺彩预测| www.mn36.com-易彩网平台-| www.bm35.com-nba篮球彩票| www.0546.in-彩尊登陆-| www.22520.com-天天彩票官网下载| www.117699.com-足彩最新开奖结果| www.055146.com-看东西有彩色光环| www.141686.com-广东彩票手机版| www.699514.cc-竞彩首页网计算器| www.791179.com-京东可以买彩票| www.863126.com-彩票平推一天| www.940552.com-金福彩票网站登录| www.982183.com-福彩3d新彩吧网站| www.cai4877.com贵州快三形势走势图| www.368952.com-彩神网是骗人的吗| www.816402.com-快三中三个多少钱| www.mu76.com-中彩网首页官方| www.51299.com-购彩大厅快三| www.na36.com-微彩吧app可靠吗| www.32dw.cc-倒彩虹-| www.9053.com-博众时时彩官网平台| www.845821.com-彩票透视灯-| www.00230.com-彩票兑奖支票图片| www.6359.org-财神8彩票网下载| www.876830.com-幸运五分彩有官网| www.aa36.com-体彩481开奖查询| www.44769.com-福利彩票复试计算器| www.ls8.com-彩票开奖查询彩| www.854454.com-搜索神马彩票| www.325230.com-查询体彩排列三字迷| www.509311.com-瑞彩祥云彩-| www.55880.com-彩票海口快三| www.143367.com-动爻算港彩一肖法| www.581539.com-福彩乡三d开奖| www.036672.com-赌快乐彩好方法| www.722713.com-41c彩票网首页| www.805077.com-时时彩票开奖号码| www.873694.com-彩票3b试机号查| www.967502.com-彩票双色球开奖查询| 爱米彩www.am5432.com| www.069010.com-六会彩588-| www.030209.com-新浪体彩开奖直播| www.949748.com-22彩票官网下载| www.992283.com-时时彩四胆10中九| www.bh4.com-好彩3最新开奖号码| www.918543.com-外国博彩app| www.86756.cc-福彩牛彩图谜汇总九| www.593236.com-7彩阳光慢动作| www.860776.com-河北快三号码| www.910502.com-中国足彩网天天竞彩| www.979508.com-龙彩-| 恒大彩票www.321676.com| www.94180.com-清清的得福利彩票| www.226114.com-福彩快三追号技巧| www.378103.com-幸福彩app下载|