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.150513.com-家彩网试机号| www.0bt.com-足彩料码-| www.694786.com-竞彩数据软件哪个好| www.857416.com-8号彩票合法不| www.cl47.com-k彩app下-| www.13um.com-中国体彩湖南赛车| www.600.mobi-火箭彩票下载手机版| www.20605.com-湖北快三预测彩乐乐| www.122406.com-微信代买彩票| www.826979.com-神彩网论坛-| www.916110.com-济南最新体彩店转让| 8816彩票www.8816x.com| www.166063.com-福彩3b开奖查询| www.279735.com-腾讯分分彩平投盈利| www.254893.com-名爵时时彩官网平台| www.751529.com-休一彩体育彩票| www.355032.com-昆山福彩中心地址| www.448330.com-3d分分彩-| www.560531.com-极速赛车彩票下载| www.43gf.com-喝彩一词的由来| www.858375.com-福利彩票停售后| www.929912.com-时时彩模拟选号器| www.997164.com-新浪爱彩幸运快三| www.cf23.com-江苏快三有官网吗| www.101425.com-足彩欧赔看盘技巧| www.769292.com-好彩网官方网下载| www.887208.com-11选5购彩微信群| www.3436.top-百盈快三一分钟看法| www.888873.com-帮账号主人投注彩票| www.999187.com-18096足彩-| www.49xb.com-足彩博单-| www.586934.com-哪个app能买篮彩| www.667285.com-武汉赛马彩票| www.739521.com-福彩3d封盘时间| www.808996.com-一般买彩票买几柱| www.878784.com-彩票网站制作排行榜| www.954724.com-体彩怎么玩世界杯| 梦想彩票www.33112p.com| www.912222.com-非凡时时彩计划网| 大玩家彩票www.9478w.com| www.os80.com-湖北快三带线走势| www.092294.com-20元体彩刮刮乐7| www.610234.com-如何用淘宝买彩票| www.07905.com-体彩竟彩足球| www.75070.com-领彩票为什么带面具| www.775380.com-19056期体彩| www.9522.loan-彩钢夹芯板岗亭| www.80303.cc-福彩网用户注册| www.258902.com-竞彩数据app| www.130391.com-新加坡大彩官方网站| www.433018.com-盈彩吧是什么意思| www.628814.com-彩经彩票3d杀号| www.365373.cc-v8彩票注册彩| www.508413.com-新彩有收藏价值吗| www.577059.com-k8彩票软件下载| www.655866.com-江苏竞彩网-| www.725856.com-类似期期中的彩票| www.794213.com-重庆时时彩万能五码| www.866808.com-体彩15分钟一次| www.sn86.com-在线下载时时彩平台| www.110131.com-乐透啦彩票跑路了吗| www.36pz.cc-703彩票四肖八码| www.853966.com-彩票倍投器怎么用啊| www.951523.com-玩彩票167cc| 乐彩网www.3416b.com| www.yq26.com-附近福利彩票站| www.50rm.com-现在足彩软件哪个好| www.4703.vip-10元投资彩票赚钱| www.83376.com-彩票永旺计划| www.070218.com-彩票找规律万能公式| www.162539.com-多彩娱乐官网| www.028376.com-博友彩江苏快三下载| www.155381.com-玩彩真的可以赚钱么| www.474234.com-体彩排列三同期号| www.801.me-歌词里最美的彩虹| www.287876.com-华夏彩票官网下载| www.395552.com-抖音彩虹符号| www.529250.com-55125彩吧论坛| www.400884.com-01彩票输多-| www.551131.com-彩票多久能拿到钱| www.624968.com-豪彩官网注册账号| www.952532.com-免费广东新粤彩报纸| www.cai1844.com彩08app-| www.677828.com-中国彩票36选七| www.352468.com-彩票平台提款不到账| www.006480.com-山东体育彩票在线| www.166356.com-河北福彩快三走势| www.439989.com-《中彩那天》生字| www.812927.com-网易彩票直播首页| www.010070.com-福彩和值遗漏| www.588687.com-海南七星彩头尾规律| www.717879.com-体彩7星开奖| www.884129.com-盛彩app-| www.il40.com-陕西福彩app| www.1446.vip-免费注册凤翔彩票| www.33664.com-网络高频彩-| www.4472.me-体彩11选5安卓| www.786925.com-华彩娱乐登录网址| www.912390.com-做私彩代理能赚多少| www.997314.com-仙彩登录入口| www.96sq.com-彩票充值送100%| www.6395.cc-春秋彩票安卓下载| www.678688.com-首注册送58彩金| www.799767.com-赠送彩金-| www.880867.com-广西体育彩票网| www.967581.com-体彩大乐透咋选号| 凤凰彩票www.66652g.com| www.97zd.com-自己玩黑彩犯法吗| www.5690.cc-众乐乐彩票网| www.cu95.com-加盟彩票店要多少钱| www.918010.com-飞艇是正规彩票吗| www.988145.com-佰萬彩票官网| www.dj09.com-七乐彩玩法介绍及| www.yk67.com-吉吉林快三开奖| www.34ao.com-彩票兼职靠谱吗| www.024936.com-易彩星彩票下载| www.397401.com-彩票天下资料大全| www.958875.com-彩票开奖详情| www.cai2223.com彩票河北快三| www.lg86.com-中彩高倍邀请码| www.e23.org-马来分分彩规律| www.00rg.com-今天福彩3d奖号码| www.195.pw-古风画图片女彩铅| www.ca36.com-彩票老谢专家专栏| www.7678.wang-3d看彩票数字字母| www.36536.cc-乐彩下载app下载| www.310773.com-好看视频说彩票技巧| www.16xu.com-时时彩操盘手| www.523199.com-重庆桥下彩票研究| www.650629.com-户外彩虹伞教案| www.741703.com-体彩图谜画谜| www.818993.com-竞彩平局秘诀| www.887231.com-福彩快三图标| www.962010.com-彩涂板-| 乐8彩票www.538578.com| www.93376.com-双色球彩友沙龙| www.425915.com-杭州福彩管理中心| www.523387.com-七乐彩三等奖多少钱| www.596376.com-福州福利彩票| www.76868.cc-优彩下载安装| www.105369.com-彩票助赢76276| www.270820.com-7彩网app-| www.333883.cc-私彩怎么玩-| www.384612.com-西甲足球联赛竞彩| www.309660.com-体彩七位数怎么中奖| www.374249.com-彩乐乐好彩一| www.443600.cc-c彩票61-| www.513014.com-开心网七星彩| www.2498.pw-刚力彩芽不红| www.09od.com-玩彩网官网app| www.270628.com-安徽省福彩中心官网| www.18580.com-大发彩票网安全吗| www.kd31.com-彩票江苏快三| www.wx35.cc-福彩七乐彩预测结果| www.07ln.com-西安三彩家-| www.61zj.com-查看彩票开奖号码| www.771.cx-体彩20选5胆拖| www.3105.vip-太原彩票站转让信息| www.7623.cn-新浪爱彩提不出了| www.15509.com-手绘彩铅风景画| www.629386.com-福彩奖池中有多少钱| www.770424.com-篮彩比分-| www.879902.com-105彩票违法吗| www.8406.vip-江苏快三推荐什么|