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天

知道了
百盈PK10 www.452526.com-三地新彩网字谜| www.578815.com-体彩店效果图| www.646161.com-玩竞彩足球的心得| www.347.cc-彩票有中大奖的吗| www.581785.com-体育彩票送手环| www.728886.com-京东彩票找不到了| www.841643.com-守号多久能中七乐彩| www.d32.loan-全民智投竞彩专家| www.026442.com-有幸运快三的计划吗| www.446366.com-彩票狂人四个月赚| www.588919.com-彩票在线平台登录| www.963059.com-彩神通专业版| www.qw30.com-福彩快3奖金是多少| www.492905.com-七彩斗地主辅助器| www.649222.com-五彩椒有毒吗| www.97250.com-京彩挂机下载| www.082671.com-2018彩票政策| www.383943.com-高频彩票出号原理| www.506625.com-双色球诗迷彩宝贝| www.cai433.com-快三骗局揭秘| www.32dv.com-彩虹影视纯a影库| www.14488.com-体彩虚拟足球e彩| www.061080.com-好彩客有多少人玩| www.228336.cc-濮阳规定彩礼| www.lj96.com-豪彩平台下载| www.71wl.com-彩票独胆是什么意思| www.46ll.com-亚洲彩-| www.7750.vip-风彩彩票是骗局吗| www.59221.cc-福彩三d计算方法| www.911599.com-全民计划彩票| www.900683.com-注册就送彩金的平台| www.835.biz-时时彩平投长期盈利| www.088668.com-彩吧彩票注册| www.369548.com-福彩3d期藏机图| www.730902.com-足彩14场规则| www.77566.com-体彩出奖号-| www.974805.com-体彩篮球赛-| www.72114.com-彩票怎么定胆| www.505808.com-手机玩黑彩犯法吗| www.867747.com-彩票高返点代理注册| www.809024.com-彩吧助手彩票| www.957812.com-福彩双色球走势表格| www.fq91.com-时时彩中奖规律| www.86rg.com-四川福彩招聘岗位| www.8629.biz-金七乐彩票走势图| www.058251.com-粤彩联盟网址| www.287581.com-华夏彩票是否合法| www.508239.com-神奇彩票-| www.or93.com-甘肃福彩快三预测号| www.0152.xyz-国彩信息一体机| www.975184.com-福彩三d百度贴吧| www.820369.com-下载购买福彩票| www.565560.com-易彩网五分快三计划| www.922667.com-「人人买彩票| www.mq21.com-时时彩四星大底| www.361327.com-80彩票可以提现吗| www.586288.com-彩票二等奖怎么看| www.72144.com-猫咪彩票网址| www.dn86.com-中彩票图片-| www.227345.com-怎么看快三大小| www.7577.cm-足彩外围玩法术语| www.189876.com-时时彩长龙害死人| www.335707.com-双阳黑彩小哈| www.500026.cc-喊你做彩票的女孩| www.211580.com-快三彩票技巧| www.808493.com-地方彩票查询结果| www.584699.com-好彩13app-| www.11077.cc-大彩鲸官网-| www.76238.com-新浪博客熊瞎子说彩| www.5362.cc-怎样用淘宝买彩票| www.559361.com-十位走走势图中彩网| www.791244.com-快三兼职-| www.cai0511.com福彩快3官网app| www.303311.com-3d双彩论坛-| www.759797.com-时时彩开奖查询软件| www.974198.com-广西福彩有几种玩法| www.ks09.cc-福彩双色球有假吗| www.462123.com-三d体彩开奖结果| www.692834.com-福建体彩走势| www.72859.com-甘肃中国福利彩票| www.886612.com-360彩票合买大厅| www.886806.com-冈易彩票双色球预测| www.ip06.com-彩票500万开奖| www.211122.com-五分彩违法吗| www.5484.vip-福彩先锋增强版| www.005769.com-娱乐彩票下载| www.246422.com-91彩神是真的吗| www.76yl.com-今日体育彩票预测| www.919208.com-正规时时彩-| www.965108.com-福彩网是合法的吗| www.cp601.cc-体体彩快3-| www.2xg.cc-彩879软件-| www.115.top-500万彩票app| www.5052.live-网上多家足彩停售了| www.400759.com-彩票号码奖号| www.025019.com-福彩开奖结果百度| www.809328.com-体彩哪种中奖率高| www.781524.com-山西福彩十分钟开奖| www.918490.com-永利博彩-| www.kp49.com-七星彩走势图50期| www.77ud.com-境外彩票有哪些| www.894359.com-手机699彩票| www.cp5636.com-快三就是一个骗局| www.378095.com-彩虹世界电脑版下载| www.990912.com-吉祥彩票计划软件| www.915178.com-盈盈彩可靠吗| www.9547.biz-东彩娱乐是黑| www.vg3.cc-福利彩票开奖直播网| www.55jh.com-竞彩5800-| www.289222.com-快三每注多少钱中奖| www.49869.com-足彩咖-| www.216286.com-体育彩票玩法规则| www.293850.com-福彩三地跨度走势图| www.692283.com-福利彩票内部消息| www.a88.ren-种彩-| www.848599.com-三宝生活体彩屋| www.706277.com-时时彩原理计算公式| www.qm89.com-什么是江苏快三彩票| www.723.xyz-代打彩票有风险吗| www.1528.xyz-彩宝下载网址多少| www.325402.com-体彩排列三汇总| www.5019.vip-家彩网开奖号| www.835839.com-好彩1投注单| www.950481.com-手机乐彩论坛网| www.227822.com-腾讯分分彩开奖直播| www.445873.com-手机彩票聊天室源码| www.982158.com-彩票选号技巧方法| www.24hc.com-派彩结果什么意思| www.416.in-a5国际高频彩票| www.11596.cc-高频彩平台平台下载| www.xw60.cc-彩6苹果怎么下载| www.994892.com-好彩网5583-| www.995.date-体彩大乐透号码范围| www.99613.cc-北京福彩投注站| www.7442.cc-上海体彩哪里申请| www.188962.com-福彩3d预测胆| www.762383.com-87彩店最新版| www.tp30.com-私彩平台卡时间漏洞| www.272667.com-快三质和是什么意思| www.wz48.cc-福彩三d带线走势图| www.916679.com-如何破解时时彩私彩| www.ap29.com-福彩北京快三走势图| www.22bm.com-腾讯有什么彩票| www.980207.com-梦想彩票下载苹果版| www.341566.com-诺亚彩票登录| www.562732.com-国外有哪些高频彩| www.247786.com-七天彩提现-| www.467070.com-中国彩八三b| www.358664.com-美国彩票强力球开奖| www.536622.com-福彩派奖宣传| www.980495.com-百盈快三哪个软件好| www.264775.com-七乐彩的跨度| www.596944.com-体育彩票105| www.310809.com-3d彩票技巧和规律| www.517654.com-万豪福彩苹果版| www.620073.com-釉上彩怎么画| www.727598.com-福彩刮刮乐能中奖吗| www.22735.cc-广东体彩投诉电话| www.004822.com-浙江福彩双色球| www.866882.com-彩票可以网上买吗| 聚彩网www.820335.com| www.wo23.cc-体彩屋合法吗| www.2422.vip-彩票好运3好运4| www.170440.com-吉林快三值和走势图|