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天

知道了
9彩注册 www.967341.com-正规彩票微信合买群| www.796383.com-盈彩彩票怎么样| www.978239.com-彩钢扣板厂家| www.js51.cc-大发快三彩票技巧| www.pj88.cc-足球彩票对阵表| www.486552.com-3d字谜总汇新彩吧| www.146122.com-七乐彩三个号有奖吗| www.8389.bid-福彩3d晚秋和值迷| www.85656.com-长兴附近福彩店| www.111313.com-094彩票-| www.115660.com-彩色水磨石地坪价格| www.751426.com-福彩3d守号方法| www.865758.com-新浪体彩票开奖查询| www.973134.com-彩虹玫瑰花图片| www.pz8.com-快三河北开奖结果| www.wa07.com-彩02彩票下载安装| www.43xr.com-七彩阳光教育曲靖| www.6640.cn-荐彩推荐-| www.206926.com-吉林快三开奖下载| www.71ei.com-3d独福彩预测| www.35346.com-福彩彩票高手交流群| www.022465.com-重庆时彩0369法| www.133958.com-好彩在哪买-| www.230711.com-0234彩票app| 500彩票www.66653x.com| www.287450.com-90后中彩票-| www.793183.com-斯诺克博彩在哪里买| www.238060.com-安徽快三规律破解| www.355352.com-智博彩票网的网址| www.343214.com-大华彩票app下载| www.584323.com-0567ccm好彩| www.598676.com-我乐时时彩计划网站| www.683128.com-大胜彩票app| www.774216.com-七乐彩选号秘籍| www.892313.com-福彩3d缩水器| www.982423.com-蜂巢时时彩计划网页| www.cz63.com-什么是幸运快三| www.40ql.com-七星彩二等奖走势图| www.737530.com-爱彩乐是真的吗| www.878702.com-彩神通内部四码代理| www.959467.com-彩吧图库第一版天宇| www.bw59.com-河南快三赔率表| www.7420.vip-111彩票安卓| www.060771.com-附近体彩销售点| www.229163.com-老梁说彩票的真实性| www.319762.com-网易彩票3d走势图| www.390642.com-体彩11选5彩票| www.526599.com-淘宝彩票网走势图表| www.599567.com-买什么彩票靠谱| www.597252.com-精华布衣1多彩网图| www.993508.com-体彩竞彩竞彩足球| www.by00.com-石家庄快三开奖结果| www.si12.com-重庆14彩开奖结果| www.02bt.com-3分时时彩预测| www.822169.com-四象彩票预测源码| www.555662.com-顶尖彩票下载| www.438333.cc-汕头彩票中奖怎么领| www.530190.com-彩头是什么意思| www.632131.com-破网络私彩诈骗案| www.727033.com-乐彩软件-| www.822432.com-七星彩创始人白秀华| www.886910.com-高频彩造假吗| www.949947.com-懂彩帝改名了| www.994710.com-好彩客1055-| www.ex72.com-彩票助赢-| www.c35.org-百胜快三下载地址| www.45de.com-彩虹无人机上市公司| www.56368.com-卖彩票的网名大全| www.cp85.com-内蒙古福彩快三下载| www.oi67.com-彩圣网免费料大全| www.x44.in-国乐彩苹果下载| www.356302.com-数学算法买彩票3d| www.84138.com-彩礼新规出炉| www.164441.com-独栏彩票啥意思| www.670909.com-七彩色花-| www.79498.com-重庆彩票投注网站| www.129727.com-南国特区彩票| www.231222.com-吉林省快三计划| www.984326.com-体彩助手官方网站| 中彩网www.61233h.com| www.810125.com-手机彩膜一体机多钱| www.891818.com-彩计划老版本| www.950844.com-开快三群需要什么| www.cp3797.com-快三中奖助手官网| www.533866.com-七乐彩概率计算公式| www.712909.com-游戏厅彩票换币法则| www.03867.com-合法的网络彩票| www.71858.com-舟山福彩下载| www.498408.com-百万彩票是正规平台| www.520692.com-时时彩组选三玩法| www.14555.com-浙江体彩休市| www.53of.com-福彩双色球一注| www.917640.com-买彩票送彩金| www.082818.com-众信彩票合法吗| www.851134.com-竞彩足球比分析直播| www.932095.com-海南七星彩去哪买| 500彩票www.26299f.com| www.070918.com-365彩票提现不了| www.475201.com-好彩票平台是真的吗| www.644574.com-纽约一分彩开奖查询| www.737981.com-彩视电脑版能用吗| www.825103.com-中国体彩手游彩| www.x28.org-078彩票总经销| www.7774.net-c彩霸王心论坛| www.952266.com-体彩开奖公告结果| www.932586.com-下载6118彩票| www.74323.com-买彩票有限额吗| www.073919.com-金彩网是合法的吗| www.159369.com-爱彩乐是做什么的| www.7oa.com-彩票中奖秘密领奖| www.7593.biz-福彩体彩图片| www.52595.cc-盈彩娱乐是骗局吗| www.956012.com-足彩比分预测软件| 500彩票www.937816.com| www.737216.com-彩票开奖结果双色球| www.309025.com-彩票双色球购买日期| www.8594.vip-体育彩开奖结果今天| 豪彩VIPwww.355183.com| www.451501.com-幸运分分彩是哪里开| www.761303.com-彩票h5源码-| www.899258.com-分分快三助手下载| www.kb99.com-潮信跟计划买彩票| www.327277.cc-最新彩票开奖公告公| www.7697.biz-618彩票怎么看| www.023118.com-彩票4十1是几等奖| www.ww63.com-南方双彩首页| www.59zb.com-邯郸市体彩中心地址| www.57yp.com-渭南国贸附近体彩| www.68pk.com-打印机字体大小彩票| www.618590.com-山东体育彩票竞彩网| www.563331.com-篮球博彩必发指数网| www.675386.com-足球竞彩胜负计算器| www.835811.com-好彩三八指什么生肖| www.cp7769.com-苹果手机买彩票| www.966712.com-5号彩下载-| 聚彩网www.290282.com| www.082393.com-网上买彩票怎么处罚| www.731622.com-彩票最佳网投平台| www.181608.com-湖北快三预测图| www.388994.com-c35彩票-| www.384555.com-彩票的社会性质| www.527965.com-飞来福彩吧靠谱吗| www.631508.com-泗阳好彩头食品招聘| www.3387.vip-捕鱼送彩金能退钱| www.61630.com-中华彩票导报| www.cai3166.com全国快三下载安装| www.24bk.com-适合手机彩膜图片| www.1157.pw-彩票术语定胆| www.6190.me-彩票宝典软件| www.08830.com-广东省体彩兑奖中心| www.ev33.com-甘肃福彩快三| www.tc30.com-彩票店选址心得| www.w84.cc-大连体彩申请投注站| www.32yf.com-红旗彩票最新网址| www.248360.com-外蒙快三-| www.311891.com-大发快三公式传授| www.200065.cc-新浪手机彩票网| www.712555.com-快三出好是人控制吗| www.6041.vip-凤凰彩票活动中心| www.41xv.com-彩票怎么账户解冻| www.6685.top-万科彩票不给提现| www.96882.com-足彩大赢家购买方式| www.550972.com-海南快三是骗人的吗| www.222274.com-快三软件破解号码|