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.72tb.com-南国彩坛-| www.91828.com-语文课文中彩票| www.897605.com-体彩竞彩胜平负结果| www.jt.cc-安卓版038彩票| www.xh55.com-优乐彩假平台| www.891608.com-统计彩票的软件| www.362828.com-雨后彩虹的形成课文| www.510932.com-彩虹歌词是-| www.807793.com-乐优彩票改名了| www.890185.com-竞彩篮球推荐澳客网| www.964947.com-彩票公众号有哪些| www.cai8144.com上海快三漏-| www.71778.cc-福彩牛彩图迷总汇| www.060758.com-体彩手机购彩软件| www.198303.com-贵州体彩下载软件| www.300039.com-好彩·0567-| www.537058.com-彩票店头像-| www.671896.com-特彩吧金彩网| www.755991.com-彩票出票后请核对| www.876236.com-约彩365靠不靠谱| www.960497.com-app刷彩网赚| www.cp5566.com-贵州快三的开奖结果| www.001975.com-深圳市体彩中心官网| www.642172.com-时时采彩宝典安卓版| www.803398.com-美国破解彩票| www.516646.com-奇门如何测港彩| www.633931.com-七彩时尚酒店| www.736058.com-下玩288彩票| www.680262.com-百乐门快三-| www.816291.com-吉林省福彩快三预测| www.906072.com-中国福彩如何中奖| www.986909.com-快三倍投怎么投| www.ea02.com-彩神大发快三预测| www.340131.com-足彩14场澳客網| www.026290.com-中国福彩图谜双彩图| www.47cb.com-爱乐透体彩选号方式| www.0602.org-500彩票有规律吗| www.ix13.com-江苏e球彩足球开奖| www.623550.com-雅迪米彩一代| www.181123.com-中彩网首页-| www.274712.com-腾讯博彩怎么玩| www.373791.com-彩智彩票软件| www.110992.com-福彩3d藏机图| www.266729.com-彩宝贝郭果| www.370101.com-快三单跳双跳是什么| www.499206.com-互彩宝怎么登陆彩票| www.594388.com-七彩汇娱乐-| 七彩www.53911d.com| www.910590.com-蓝光乐彩城一期| www.al10.com-七星彩开奖走势图表| www.01jb.com-中国体彩藏机图| www.315341.com-广西福彩选号器下载| www.420206.com-福彩幸运码-| www.539094.com-时时彩四星中奖条件| www.339935.com-分分彩输了一百万| www.434364.com-彩票管理员职责| www.552287.com-白彩网大全-| www.781641.com-彩票开奖好123| www.064654.com-88彩票平台怎么样| www.795299.com-福彩3d怎么守号| www.920061.com-大奖快三-| 99彩票www.655061.com| www.34mz.com-有什么竞彩参考软件| www.33mb.com-体彩春节后开奖时间| www.008899.com-安徽省体彩中心主任| www.513252.com-爱购彩网站是真的吗| www.596376.com-福州福利彩票| www.610919.com-73彩票送彩金| www.696285.com-重庆试试彩开奖| www.785022.com-乐优彩票苹果下载| www.850991.com-体彩串关计算器| www.934254.com-反套路彩票女| www.983259.com-足球竞彩下载| www.cp5600.com-和值快三-| www.4367.xyz-中国福彩3d大报纸| www.325364.com-七星彩头尾开奖结果| www.ur39.com-内蒙快三投注平台| www.116774.com-彩乐乐3d杀号| www.86698.com-上彩传媒-| www.sy89.com-彩票有什么种类| www.12em.com-合肥彩票大奖排行| www.503227.com-鸿彩平台是真是假| www.733747.com-山西竞彩快三查询| www.109964.com-足球彩票兑奖中心| www.681276.com-三b天天中彩吧| www.241172.com-七星彩复式怎么买| www.292530.com-时时彩三星胆码方法| www.410083.com-七彩球灯笼-| www.555177.com-123彩票-| www.620096.com-釉上新彩-| www.0999.cc-彩票长龙统计网| www.243996.com-山东福彩app| www.208161.com-网上彩票帮投是什么| www.173506.com-河北快三奖金规则| www.05907.cc-彩八app真的假的| www.6359.org-财神8彩票网下载| www.358413.com-港澳生肖彩在线| www.2373.in-七彩蛋糕店真的假的| www.461733.com-新布衣天下牛彩网| www.526853.com-手机博盈彩票| www.54cw.com-最新的彩票平台源码| www.366367.com-国产彩电什么牌子好| www.196117.com-福彩开奖号-| www.066864.com-最安全时时彩网站| www.096691.com-千亿彩票代理| www.ys7.com-河北快三今天预测| www.772476.com-今天彩民乐图文版| www.jb76.com-福彩3d谜语总汇| www.369475.com-福利彩票走向| www.499224.com-破解彩票网站的方法| www.cp022.com-彩票投注-| www.975442.com-分分彩杀号口诀| www.42pl.com-猫彩绘图片大全| www.44op.com-中国竞彩足球360| www.1817.cn-彩3软件-| www.8128.cn-体彩福彩星期几开奖| www.64449.cc-彩票数字顺口溜| www.131773.com-运城结婚风俗彩礼| www.273944.com-时时彩1分彩计划| www.205566.cc-喜乐彩历史中奖| www.351342.com-e游彩注册登录| www.789648.com-京彩集团-| www.882686.com-易彩网是私彩吗| www.965013.com-常州福彩中奖规则| www.ei11.com-福建福彩公示| www.s36.me-青海省双色球彩票| www.69ex.com-福彩区块链-| www.012304.com-腾龙时时彩计划排名| www.55199.com-2分时时彩开奖号码| www.388630.com-线上彩票为什么被禁| www.560985.com-千亿彩票官方客户端| www.617811.com-提亲的时候给彩礼吗| www.686258.com-玩高频彩计算方式| www.766426.com-彩虹糖的内涵意思| www.894873.com-中国福利彩票的群| www.957805.com-彩票快乐十分走势图| www.999416.com-拉萨今日开奖号快三| www.fs92.com-百盈快三投注经验| www.01cr.com-羽泉彩虹翻唱韩国| www.753253.com-d9彩票软件下载| www.851113.com-qq上玩时时彩的群| www.934292.com-福彩字谜大全及答案| www.997243.com-彩票分析网站| www.eo66.com-一分快三全天计划表| www.2lp.com-体彩11选五靠谱吗| www.0003.in-5位数是什么彩票| www.5426.vip-新彩彩票怎么样| www.2722.top-快三最高倍数| www.044402.com-足彩让胜什么意思| www.135958.com-网上买彩票500网| www.207038.com-易彩-| www.262685.com-吉林省福彩电话号码| www.337668.com-今晚彩票3d开什么| www.118504.com-必发彩票网骗局揭秘| www.195791.com-彩种大厅-| www.262150.com-快三客是什么样子的| www.327271.com-福彩快三玩法口诀| www.396982.com-福彩3d网站-| www.531666.com-彩票数字公式| www.590428.com-彩票网平台-| www.5707.xyz-福利彩票选三| www.146166.com-玩彩票平刷能赚钱吗| www.766766.com-鸿运彩网址-| www.864480.com-178彩票网可靠吗|