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.8473.loan-融彩网是真的假的| www.308955.com-2元彩票开奖公告| www.424731.com-幸运十分彩是哪里的| www.050378.com-微信里能买彩票吗| www.140037.com-福利彩票二等奖领奖| www.692339.com-网络博彩账号被冻结| www.886761.com-接博彩广告违法吗| www.771610.com-最新时时彩宝典| www.188324.com-快三之家破解器| www.398615.com-足彩12月份对阵表| www.ym3.cc-黑彩票平台怎么举报| www.53cz.com-奔腾彩票72723| www.485522.com-彩票代购最新排行榜| www.609111.cc-世界杯彩票停售时间| www.757322.com-体彩8串8什么意思| www.877300.com-被r8彩票网恋| www.964703.com-彩票中了2000| 大赢家彩票www.620316.com| www.mc43.com-云南彩票快乐10| www.u69.cc-七乐彩开将结果| www.63qj.com-诚信快捷时时彩网站| www.934659.com-福彩走势图下载安装| 大赢家彩票www.599399.com| www.23989.com-彩神的网址是多少| www.585059.com-江北好彩酒楼| www.833898.com-7丩3好彩-| www.973747.com-亿彩彩票平台登录| www.ru33.com-中彩论坛双色球预测| www.28ae.com-耽美全彩漫画| www.578552.com-六盘水彩民中奖| www.731409.com-258竞彩网-| www.935565.com-梦想彩票苹果下载| www.on0.com-福利彩票快三| www.00xk.com-有多少人买过私彩| www.785166.cc-大胜彩票信誉怎么样| www.ff06.com-每分钟开奖的彩票| www.r57.org-博大彩票能玩吗| www.0418.date-江苏快三长龙| www.9944.top-彩礼和聘礼给多少钱| www.735157.com-玩彩票得多少本金| www.832654.com-7意彩下载-| www.944801.com-梦见手机号码买彩票| 大玩家彩票www.717224.com| www.y90.top-北京京彩学校官方网| www.85vm.com-彩票平台有漏洞吗| www.3791.wang-福建省彩票开奖查询| www.636470.com-彩虹4无人机参数| www.333381.com-豪彩娱乐登录| www.418131.com-盛大娱乐彩票计划| www.550640.com-沈丘彩票-| www.076917.com-跟彩票计划的技巧| www.83ic.com-悦心亿彩是干什么的| www.195671.com-体彩排列五开奖现场| www.53884.com-彩票中奖上税多少| www.320827.com-足球彩票第二期| www.432371.com-6118彩票-| www.564577.com-东方彩票一投入梦想| www.660180.com-竞彩触屏版-| www.757579.com-福建体彩领奖程序| www.893310.com-彩票大师最新官网| www.or82.com-快三大小怎样看走势| www.566072.com-cp.12彩票-| www.cn3.cc-河北快三的走势图| www.xl49.com-福彩瑞app-| www.893365.com-七乐彩手机选号| www.993688.com-福利彩票分析中奖| www.hw57.com-北京市福彩发行中心| www.089938.com-江苏体育彩票网| www.968475.com-福彩副主任鲍学全| www.jb52.com-福彩有几种玩法介绍| www.21fz.com-山西福利彩票块3| www.1164.cn-微彩娱乐安全吗| www.110627.com-怎么用微信买彩票| www.912991.com-彩票带个什么副业好| www.992191.com-体彩排列五玩法说明| www.hm05.com-旺彩奖金计算器| www.v60.top-体育大乐透彩票开慢| www.76ay.com-打彩怎么才能稳输呢| www.048047.com-山东福彩官网首页| www.2696.live-湖北体彩官网购买| www.wd56.com-购彩吧688345| www.z68.win-彩票走势图时时彩| www.499114.com-彩票代打吧-| www.979123.com-好彩三十斤-| www.fx27.com-3d彩民群微信群号| www.988091.com-彩民乐大乐透| www.63vl.com-合法正规彩票平台| www.718395.com-周杰伦彩虹-| www.c64.cc-百宝彩湖北十一选五| www.01544.com-大掌柜彩票平台网址| www.398932.com-找个彩票代打团队| www.9950.biz-天天乐购彩票怎么样| www.726295.com-北京福彩兑奖须知| www.975071.com-七星彩规律图视屏| www.256160.com-中彩网福彩-| www.jt00.com-彩神8网页版| www.9241.vip-新彩平台-| www.9515.cc-新浪彩票之今日运势| www.14632.com-清明节体彩放假吗| www.79295.com-体彩线上培训| www.ok99.com-福彩7等奖多少钱| www.65so.com-123高手彩票网| www.4328.biz-章鱼彩票是否合法| www.52ms.com-永利彩票平台靠谱吗| www.473439.com-河北体彩网中奖查询| www.841448.com-拍彩票票面查中奖| www.8yo.com-彩经网湖北快三| www.163204.com-总裁彩民村双色球| www.320054.com-时时彩单机计算软件| www.616335.com-足彩3串3奖金算法| www.cai43.cc-快三走势图怎么看| www.5431.name-梦到猪买彩票什么码| www.72782.com-竞彩五百万-| www.am12.cc-神州数彩票软件下载| www.vy03.com-中国体育彩票排列三| www.44557.com-网上倍投彩票挣钱吗| www.794944.com-重庆时时彩牛牛计划| www.bw18.com-彩乐网福中网| www.322015.com-福彩八卦图-| www.869978.com-彩票k线图apk| www.950480.com-乐彩网怎么不能下载| 百姓彩票www.zuan222.com| www.570688.com-七彩山鸡多少钱一只| www.702282.com-盛澳竞彩是干嘛的| www.56ja.com-湖南体彩网彩吧论坛| www.329273.com-蒙古快三彩票平台| www.023498.com-彩票测-| www.v32.com-彩吧第二版图库| www.247727.com-七天彩骗局-| www.396138.com-19号彩票开奖结果| www.39ai.com-k彩是否合法| www.99ri.com-至尊彩输惨了| www.961328.com-a·93彩票-| www.447212.com-网络彩票封号跑| www.620528.com-vr彩票骗局-| www.680736.com-银川体彩中心| www.797221.com-官方凤凰彩票网站| www.883581.com-手机彩票投注站下载| www.282206.com-排三家彩开奖网| www.384733.com-体彩考试题库| www.sk71.com-新时彩网-| www.105992.com-彩票官方网站下载| www.190079.com-江苏福彩快3预测| www.91867.cc-中彩那天导入语设计| 彩票58www.589196.com| www.706306.com-快三未出号内蒙古| www.854629.com-酷彩网快三被骗了| 500彩票网www.97655e.com| www.396269.com-彩红宝宝第一季| www.4968.org-丹东三d图库彩吧| www.25519.com-彩库助手-| www.152510.com-福彩3d八卦图片| www.283528.com-湖北快三投注计划| www.526935.com-竞彩足球稳胆2串1| CP701www.cp701.vip| www.cv.com-奖聊安徽快三走势图| www.9696.loan-不依彩吧-| www.356.pw-怎么购买外国的彩票| www.482223.com-苹果手机彩铃怎么换| www.596285.com-福彩3d选号八卦图| www.296511.com-体彩排三遗漏统计表| www.671661.com-6合和彩资料论坛| www.092079.com-体彩7刮刮乐中奖图| www.448007.com-七星彩直播开奖|