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.823026.com-6h彩友网一6h| 七天彩www.00665h.com| www.114323.com-彩票选什么号最好| www.030340.com-爱购彩app-| www.03vy.com-快三分分彩计划网站| www.zr09.com-14胜负彩即时比分| www.484504.com-体彩数据库系统| www.126951.com-双色球走势表彩宝贝| www.069518.com-天才彩女专家专栏| www.179191.com-河南快三网址| www.32yp.com-一定牛体彩票| www.246411.com-江苏福彩快三结果| www.352851.com-彩三d-| www.455881.com-手机玩彩票怎么稳| www.0681.cc-体彩年轻人| www.369311.com-福彩六十一开奖查询| www.363861.com-江苏快三豹子怎么看| www.527570.com-重庆彩和值走势图| www.8581.loan-xy936幸运彩票| www.93611.cc-竞彩跟单软件哪个好| www.112742.com-大众彩票网平台网址| www.155425.com-微彩分析软件| www.271319.com-日本好彩香烟价格| www.814599.com-19038期足彩| www.906278.com-开黑彩判刑-| www.363342.com-预测河北快三| www.48kd.com-星彩的意思-| www.0611.com-有人做500彩票么| www.6675.pw-秦兰香桂林彩调| www.749999.com-农行掌上银行买彩票| www.854224.com-竞彩篮球买客队胜负| www.80119.com-目前彩票改革动向| www.777846.com-易购彩平台提现失败| www.657655.com-女子彩票中51亿| www.735142.com-适合新手的彩票| www.806868.com-香港线上彩票| www.879272.com-彩票做号软件| www.952252.com-500彩票极速赛车| www.cai49.com-快三开奖结果河北| www.072911.com-全民赢彩票下载| www.688065.com-中国福彩作假| www.800988.cc-彩猫彩色的猫| www.835585.com-手机体彩刮刮乐软件| www.232201.com-彩票分析软件| www.98va.com-彩票33官网注册| www.18sw.com-福彩开奖七乐彩开奖| www.912181.com-福彩计划软件| www.998515.com-有香港快三吗| www.gv23.com-甘肃省快三出奖结果| www.xr10.com-快三抓豹子技巧| www.826973.com-彩票里砍了是啥意思| www.918030.com-湖北快三走劳分市图| www.980435.com-彩票单双大小玩法| www.dn99.cc-天马彩票天一团队| www.yi60.com-彩票投注站利润惊人| www.385753.com-166彩票网下载| www.827928.com-乐猫彩票能提现吗| 500彩票www.50024c.com| www.187597.com-内蒙古五星时时彩| www.5524.cn-雨后彩虹歌词周杰伦| www.916.net-摇一摇机选七星彩| www.61069.com-非法彩票有哪些| www.500987.cc-889彩票-| www.646298.com-足彩流水怎么算| www.8608.in-智彩11选5-| www.969935.com-保定双彩浴都正规吗| www.112147.com-三亿彩票-| www.259782.com-甘肃体彩助手在哪里| www.46tw.com-体彩大乐透摇奖| www.304545.com-一分快三平台大全| www.038840.com-查彩票各省中奖| www.1679.org-快三甘肃爱彩乐| www.555535.cc-七星彩有位置排序| www.743215.com-俄罗斯彩蛋珠宝| www.895694.com-广东快三查询| www.cai6511.com快三稳赚不赔方法| www.n16.me-彩票5分快3怎么玩| www.1978.me-18彩票官网-| www.313698.com-彩票软件哪个好哪里| www.51ky.com-名城苏州中国体彩网| www.221014.com-彩票争霸谁与争锋| www.357773.com-婚内中彩票-| www.446994.com-网易彩票163| www.533919.com-七星彩最简单计算方| www.665899.cc-时时3分彩开奖记录| www.37889.cc-海口彩票版精英| 彩多多www.78949i.com| www.846558.com-中福彩中心处理结果| www.688227.com-炒彩票-| www.2791.cc-快三选号表-| www.43gp.com-福彩3d走跨度势图| www.625.cm-老版时时彩app| www.ey8.com-重庆时时彩走势图| www.xt28.com-彩票店亏钱-| www.32id.com-印度官方一六乐透彩| www.518.hk-体育彩票双色球玩法| www.781103.com-彩虹哥cf买号官网| www.23038.com-福彩3d杀号专家号| www.019582.com-下载山西体育彩票| www.966550.com-彩票开奖结果| www.ob8.com-优乐彩票官方网站| www.d09.cc-下载青蛙彩票网站| www.76hm.com-马耳他彩票开奖| www.119906.com-全球彩是不是赌博| www.098837.com-电脑彩屏-| www.233438.com-快三技巧对子玩法| www.484827.com-北京彩公司-| www.250818.com-全能预测彩票软件| www.590291.com-海南七星彩网投软件| www.8111.vip-r仁信彩票-| www.uv8.cc-竞彩赛后几小时兑奖| www.256657.com-官方彩江苏快三| www.326830.com-万通彩票平台app| www.560466.com-彩票大师客服电话| www.900946.com-福彩排5开奖| www.973074.com-彩虹同志直播app| www.gi5.com-彩种是什么-| www.zc40.cc-彩票分析软-| www.42qn.com-福彩3d个人自创| www.489.win-分分彩5星漏洞教程| www.571669.com-菲律宾快三开奖查询| www.651678.com-棋牌彩票娱乐| www.531362.com-手机版彩票苹果版| www.621000.com-高手齐中彩-| www.248455.com-wj868皇角彩皇| www.510181.com-泉州福彩中心| www.657938.com-河内五分彩开奖群号| www.515259.com-七星彩中3-| www.644566.com-腾讯分分彩平刷方法| www.761517.com-体彩十一运夺金开奖| www.926382.com-新快三走势图| www.gl5.com-快三全天计划网页版| www.936930.com-海南时时彩官网开奖| www.983311.com-外围足彩app| www.jf8.com-密聊彩票-| www.1172.pw-中彩3d詹天佑预测| www.794577.com-彩票中了秘密| www.326210.com-彩店宝ios下载| www.89095.com-澳门博彩足球比分| www.692672.com-网上小彩票-| www.359980.com-机选25注七星彩| www.634168.com-七彩世界家具| www.988877.com-8828彩票下载| www.833198.com-口袋彩店如何下载| www.142323.com-彩票大师官网| www.332273.com-体彩输钱可以报警吗| www.556021.com-美国彩票匿名领奖| www.583528.com-彩票有没中奖| www.1036.cn-彩票预测分析师| www.47av.com-现在开体彩店赚钱吗| www.1394.vip-高频彩有哪些| www.6712.biz-彩票各省销量| www.70451.com-江苏快三猜一个好| www.011465.com-福利彩票开奖是几点| www.079908.com-福彩3d新浪爱彩| www.156705.com-惠彩骗局揭秘| www.211489.com-福彩12选5-| www.78281.cc-福利彩开奖今天| www.61er.com-赌彩网站信誉排名| www.512963.com-好运时时彩登录网站| www.606766.com-世界杯彩票竞猜软件| www.009753.com-手机上如何买福彩| www.772517.com-正彩化妆品-| www.861286.com-江苏体彩任选3|