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.68972.cc-尊彩网能玩吗| www.297001.com-彩票k线图走势分析| www.383680.com-彩世界下载安装| www.431279.com-新彩票走势网图| www.576392.com-玩彩天地专家专栏| www.660961.com-南方新彩网-| www.761642.com-美国强力球彩票玩法| www.72239.com-福利彩票怎么盈利| www.8222.cm-澳门有哪些彩票发行| www.2865.cn-安徽体彩专管员待遇| www.985031.com-wnba竞彩-| www.hw69.com-河北体福彩3d玩法| www.08vs.com-周易如何选彩票号码| www.67379.com-褔彩3d之家首页| www.033740.com-乐彩网app安卓| www.118989.com-360彩票导航导| www.189778.com-河南体彩票-| www.37zb.com-体彩在哪个台开奖| www.844143.com-体彩中心改制| www.416200.cc-博彩算金融吗| www.657493.com-中彩网原版资料| www.791940.com-今天双色球彩票指南| www.s09.com-购买彩票app| www.495191.com-中国彩吧更懂彩吧| www.760088.com-568彩票平台| www.872019.com-彩票之家开奖| www.948747.com-下载新版万彩吧| 彩之家www.03czj.com| www.951195.com-福体彩票全部开奖| www.ko58.com-苏州体彩网-| www.494448.com-澳门博彩控app| www.600123.com-凤凰彩票可信吗| www.689676.com-500彩票网竞彩| www.765092.com-海口彩票七星彩早版| www.857044.com-香港青蛙彩开奖现场| www.933589.com-哪个网站买彩票好| www.987644.com-小米官网彩票代购| www.ec47.com-中国彩票网双色球| www.ym46.com-福利彩票是真的吗| www.23fx.com-福彩乐彩论谈| 福彩天下www.803875.com| www.187059.com-玩黑彩一定输的原因| www.060693.com-洛神体彩店安全么| www.98od.com-3d彩粒漆图片| www.3083.org-慧彩宝-| www.97gf.com-彩绘近义词-| www.3703.org-休彩排三走势图2元| www.20166.com-摇彩票机器-| www.695761.com-竞彩算法-| www.69507.com-京彩娱乐手机版下载| www.989938.com-彩飘剂-| www.988916.com-家彩网试机号| www.ut2.com-中国手机彩票网站| www.680709.com-幸运快三稳赚买法| www.777873.com-汇彩网贴吧-| www.858537.com-彩神计划软件下载| www.947841.com-体育彩票竞猜型| www.cai6711.com贵州快三走势图今天| www.yd74.com-体彩35选7-| www.32iu.com-手机福彩客户端下载| www.552097.com-东京1.5分彩计划| www.655546.com-澳洲五分彩-| www.7707.tv-黑龙江省时时彩开奖| www.1081.cn-彩票怎样刷流水| www.hy02.cc-爱乐彩下载走势图| www.9jw.cc-海南七星彩网址| www.462234.com-黑彩是怎么回事| www.uy27.com-福彩新彩网-| www.120221.com-五分⑥和彩-| www.208456.com-吉林快三豹子预测| www.wu23.com-微彩吧是什么| www.789679.com-网易红彩专家靠谱吗| www.866741.com-极速时时采彩网站| www.936991.com-3分快三什么意思| www.985861.com-中国竞彩官方| www.cn30.cc-福彩三d字谜| www.951071.com-武汉休闲快三| www.221195.com-uu快三直播-| www.367621.com-简单彩铅樱花树画法| www.mo34.com-彩票预测最准的方法| www.w17.club-好彩网预测七乐彩| www.70rs.com-今期四不像彩肖彩图| www.551477.com-旧好彩客下载| www.826011.com-赛车彩票网-| www.944684.com-一分彩是假的吗| www.gw1.cc-福彩网快3下载| www.842309.com-福利彩票分配比例| www.921826.com-一起博彩票平台| www.74eb.com-彩垫宝彩票app| www.369064.com-体彩排列三出号走势| www.567587.com-牛彩网图汇总九| www.660502.com-分分彩选号-| www.738280.com-时时彩的数字规律| www.ou76.com-新快三单机游| www.086969.com-神彩福牛app下载| www.2132.org-7乐彩特别号| www.34bl.com-天恒彩票靠谱吗| www.428732.com-彩虹伞教案反思| www.652306.com-澳门正版老鼠彩报| www.31tk.com-福彩特别消息| www.95zv.com-深圳鸿彩印刷| www.04724.com-用手机怎么买足彩| www.31738.com-易彩网首页-| www.884023.com-双阳彩票站快三黑彩| www.953658.cc-计算器足球竞彩网| www.96hq.com-鸿彩直播木木| www.a70.cn-重庆时时彩20分钟| www.953664.com-香港体彩-| 盛彩网www.41518m.com| www.kz39.com-福彩28是什么| www.19ns.com-手机彩票挂机app| www.81839.cc-时时彩追热号的技巧| www.306887.com-购彩网是正规的吗| www.397756.com-局王七星彩和排列五| www.513583.com-时时彩二星做号技巧| www.587295.com-石家庄彩票站转让| www.681011.com-赌彩票能戒掉吗| www.793376.com-22彩票安全不| www.879477.com-彩票怎么刷流水稳赚| www.949375.com-彩75彩票手机版| www.990887.cc-极速彩票网址| www.cq36.com-快三彩票平台app| www.vq20.com-快三黑红码如何判断| www.067391.com-网上私彩举报| www.cp240.com-江苏快三彩票app| www.989528.com-天天中彩官网登录| www.px0.cc-甘肃快三打法技巧| www.406914.com-彩票代理犯法么| www.510420.com-这个体育彩票下载| www.575333.com-体彩周几开奖时间| www.636564.com-红利彩票-| www.695200.com-彩票缴款通-| www.hj35.com-福彩3d选号王过滤| www.0393.cm-7彩票平台-| www.488365.com-福彩快乐彩任选五| www.411742.com-彩票会被别人复制吗| www.527575.com-时时彩和值平刷技巧| www.639491.com-彩票店内还可卖什么| www.92813.cc-滚球对冲竞彩技巧| www.200035.cc-幸运彩走势图| www.189641.com-河南快三基本走势| www.351234.cc-双色球买彩票| www.178400.com-彩票预测软件手机版| www.259750.com-京东彩票怎么停售了| www.353077.com-星娱娱乐快彩| www.51651.com-牛彩网图谜总汇| www.817600.com-彩票与你同行| www.821353.com-牛彩彩摘网福彩网| www.163087.com-河北福彩排七开奖| www.351127.com-体彩什么时候开奖间| www.692791.com-乐乐彩票分析| www.89262.com-必赢彩票百盈快三| www.044439.com-胜负彩数字代表| www.bl07.com-分分快三彩票| www.146484.com-256时时彩下载| www.114285.com-福彩快三开奖日期表| www.17315.com-彩票7乐彩什么意思| www.624178.com-旭彩美缝剂厂家直销| www.3208.com-凤凰彩票充值破解| www.869092.com-彩票代理违法么| www.970669.com-迷彩兔app下载| www.do2.com-快三怎么玩的| www.019151.com-利彩一分快三开奖| www.140896.com-福彩2d故事-|