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.km69.com-易彩彩票官网下载| www.ls9.com-七星彩-| www.328875.com-西宁福彩-| www.095131.com-今日福彩3d双彩图| www.89lg.com-彩票可以买尾数单双| www.8765.me-时时彩怎么防止连挂| www.539743.com-附近有中国福利彩票| www.652239.com-福彩3d公告-| www.772761.com-全天88时时彩| www.19280.cc-发彩网能下载吗| www.33ec.com-m8彩票官网-| www.1924.vip-深圳体育彩票店申请| www.9891.biz-福彩大奖在那里兑换| www.769217.com-好彩官网骗局| www.868871.com-七星彩规律图今天的| www.979809.com-7天彩票官方下载| www.dx82.com-网络彩票最新消息| www.g38.com-七星彩彩宝贝预测| www.126994.com-体彩排五开奖号码| www.089323.com-七乐彩三区-| www.270654.com-福彩七乐彩走势图| www.447992.com-合伙微信买彩票中奖| www.ny70.com-彩八彩票-| www.21656.cc-彩票app套路| www.80303.cc-福彩网用户注册| www.79bh.com-香港三色彩开奖| www.7007.in-特彩吧49949| www.70297.com-恒发彩票亏了50万| www.086368.com-北京快三彩票走势图| www.897319.com-网络彩票报警有用吗| VIP彩票www.382688.com| www.cai3688.com快3彩票官网下载| www.15ns.com-快三二不同什么意思| www.953632.com-网上福彩正规网站| www.zl1.com-彩票开奖双色球时间| www.155302.com-彩票团队注册送彩金| www.267379.com-幸运五星彩开奖号码| www.347822.com-七乐彩票充值正规吗| www.491570.com-黑彩平台哪个可靠| www.576646.com-好彩网安全吗| www.670422.com-新浪足彩下载| www.99302.com-澳洲三分彩计划网站| www.675023.com-汇丰娱乐彩票| www.767171.com-竞彩网首网-| www.846430.com-湖北省福彩中心主任| www.910016.com-彩界的精英-| www.968603.com-时时彩qq老群| 大赢家彩票网www.930155.com| www.572395.com-可靠的外围彩票网站| www.193643.com-马来西亚福利乐彩票| www.287012.com-福彩快三交流群| www.895.xyz-彩铅樱花树的画法| 500彩票网www.65707m.com| www.154633.com-足球彩票有几种玩法| www.422239.com-口袋彩票安卓版| www.48541.com-下载竞彩app| www.984.me-下新浪彩票-| www.417280.com-彩虹创意画-| www.987409.com-彩票往期对比| www.mf87.com-好彩投app没了| www.54gj.com-好菜苔彩票-| www.10812.com-竞彩足球混合投注| www.59889.cc-聚合微彩下载| www.223323.com-星光彩票app| www.316397.com-大通彩票-| www.8623.in-彩票店能买世界杯吗| www.128416.com-彩票999下载软件| www.0051.net-彩票几组号码| www.7283.cc-基督教儿歌彩虹| www.24233.cc-敬力七星彩奖表| www.08518.com-非凡彩票官方网站| www.873514.com-易购彩票靠谱吗| www.44316.com-全民彩票旧版| www.805329.com-分分彩后二稳赚技巧| www.945479.com-3分彩-| www.af69.com-智慧彩官网下载| www.c73.org-百宝彩陕西试用账号| www.023446.com-数字型彩票玩法介绍| www.109617.com-一分时时彩自动投注| www.717069.com-彩铅画有市场吗| www.809628.com-app买彩票犯法| www.885860.com-福彩3d彩吧图谜一| www.968226.com-排列3彩票-| www.gy00.com-百盈彩登录网址| www.980962.com-彩票账号登录异常| www.ci45.com-宁夏中卫快三走势图| www.381171.com-星期五能买哪种彩票| www.550413.com-宝发彩票安全吗| www.663522.com-分分彩后二万能公式| www.728780.com-大连体彩中心官网| www.813547.com-宁夏福彩官网| www.900808.cc-福彩三d小军图库| www.971233.com-彩c16app-| 大赢家彩票平台www.220716.com| www.956041.com-彩票双色球蓝球谜语| www.cai2655.com安徽快三投注买网| www.789071.com-戴维的足彩新浪博客| www.800.top-七乐彩汇总-| www.5488.cm-福彩网上缴费| www.563729.com-彩46app下载| www.358055.com-微福彩-| www.121947.com-胜负彩开奖时间| www.562597.com-豪彩彩票下载安装| www.742132.com-官彩是什么-| www.916771.com-信阳合买彩票中奖| www.ye02.com-云南福彩-| www.126436.com-泰安体彩大奖| www.856738.com-体彩七星彩开奖走势| www.682928.com-中彩在线公司在哪里| www.57jd.com-彩之星邀请码| www.978575.com-彩8彩票app安卓| www.114832.com-精英彩下载-| www.217376.com-彩票软件ios| www.942507.com-深圳体彩兑奖中心| www.15ox.com-彩票店内装饰图| www.004939.com-体彩6十1兑奖| www.639140.com-开彩票店申请流程| www.778706.com-人人中彩票093| www.983803.com-聚财神是正规彩票吗| www.jb00.com-足球竞彩计算器| www.274198.com-时时彩预测软件排行| 盛彩网www.41518j.com| www.14375.com-七星彩多少钱一注| www.8921.cn-竞彩可以全国兑奖吗| www.87913.com-腾讯3分彩走势| www.239656.com-大发快三倍投合理| www.284677.com-江西省福利彩票| www.703316.com-新葡京彩票| www.51la.cc-北京福彩发行总部| www.132578.com-中国福利彩票快餐| www.367862.com-彩铅鲸鱼教程| www.336568.cc-彩票3d试机号| www.041786.com-永9购十分彩| www.251961.com-中彩了app下载| www.el46.com-新彩吧多彩网| www.06bt.com-02838搜彩网| www.21gi.com-彩票3d组三走势图| www.72fg.com-彩票独赢什么意思| www.590110.com-广州体彩中心开门| www.fe26.com-官方彩乐透是真的吗| www.9647.xyz-查全国彩票开奖查询| www.692587.com-七七乐乐彩开奖号码| www.800365.com-彩票刷子团队| www.876001.cc-苹果系统重庆时时彩| www.927975.com-时时中彩票官网手机| www.970651.com-彩票高手带计划| www.cp5788.com-快3彩票有人发财吗| www.71539.com-体育彩票3d试机号| www.929942.com-河南竞彩快三查询| www.998972.com-探探帅哥教你玩彩票| www.hw37.com-北京快三网站平台| www.68244.com-四川福彩网快乐12| www.130736.com-微信退款致富彩票| www.00863.com-临沂福彩中心| www.849.cm-彩8论坛-| www.636990.com-腾讯分分彩算号器| www.536735.com-双色500彩票| www.707607.com-彩588app-| www.020296.com-易彩网可靠吗| www.973691.com-哪里有彩票纸买| www.lg05.com-全能预测彩票软件| www.zo33.com-如意彩-| www.x57.club-乐彩国际诈骗| www.59go.com-福彩3的之家|