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.653003.com-高频彩票改20分钟| www.68860.com-趣彩网骗局揭秘| www.089361.com-江苏快三稳定计划| www.943883.com-春秋购彩登录| www.999646.com-爱彩乐重庆时时彩| www.dc23.com-达人彩票合法吗| www.yr04.com-青岛福彩兑奖流程| www.31bn.com-蓝球彩票软件| www.070.me-极速时时彩规律| www.4062.biz-珐琅彩瓷器免费鉴定| www.9428.loan-加拿大彩票头奖华人| www.38311.cc-欢迎来到福利彩票| www.316208.com-够力七星彩奖表开奖| www.417500.cc-重庆时彩时彩选号| www.546575.com-彩票网站建设ag| www.616776.com-体彩欢乐大乐透| www.697244.com-天天中彩票里面的钱| www.783039.com-体彩開獎0702| www.858493.com-彩天地-| www.922836.com-2019竞彩店-| www.978880.com-福彩山东一句| www.cp5773.com-快三害死人-| www.024178.com-福彩双色球往期查询| www.115983.com-竞彩资讯竞彩网| www.211441.com-福彩甘肃快3下载| www.254286.com-快三跨度和值速查表| www.446263.com-132彩票网app| www.860788.com-海南七星彩南国论坛| E彩堂www.9818x.cc| www.ie35.com-染上彩票怎么戒呀| www.p07.org-体育彩票几元一注| www.xg05.com-彩客网ck868| www.237998.com-快三跨度开奖结果| www.848575.com-nba彩经最新动态| 乐彩赢www.0014b.com| www.14uw.com-网上玩黑彩靠谱吗| www.63616.cc-彩要开奖结果| www.444683.com-体彩助手客户端下载| www.650767.com-海边沙滩水彩画| www.9509.in-今日运势一彩票| www.oj12.com-风云彩票计划| www.505419.com-竞彩足球混合中奖| www.943408.com-福彩排列三直播开奖| www.44wc.com-福利彩票抽奖结果| www.45703.com-彩宝贝3d试机号| www.110691.com-七星彩奖池金额查询| www.663436.com-博盈彩票网址| www.2501.net-聚彩彩票app官网| www.959152.com-怎么用微信买彩票| www.085079.com-彩票ios版-| www.662540.com-兴盛彩票v3登录| www.iu50.com-竞彩预测-| www.047378.com-乐彩论坛在哪里下载| www.502925.com-爱投网与口袋彩店| www.dq93.com-网上一分快三能玩吗| www.51ym.com-极彩在线登录| www.785819.com-最新最快七星彩画板| 吉利彩票www.66376k.com| www.13wk.com-直播七星彩开奖| www.47052.com-足彩十四场开奖信息| www.845515.com-什么彩票比较正规的| www.444124.com-精彩网页设计| www.83kb.com-彩票云端挂机赚钱| www.pp93.com-彩友网-| www.278.la-什么叫七星彩三字现| www.318483.com-福彩排列3玩法介绍| www.953373.com-马来西亚彩票管理| www.yo87.com-吉林快三和值跨度表| www.4569.pw-长春彩妆-| www.608561.com-彩宝贝彩票| www.fw6.com-时时彩九码可以玩吗| www.704422.com-吉林快三怎样看大小| www.428571.com-一分一期的彩票| www.957276.com-盈彩美女直播| www.680172.com-彩票的真实性有多少| www.631308.com-新浪乐彩app| www.168508.com-北京快三开奖最快的| www.695200.com-彩票缴款通-| www.ib59.com-宁夏体彩十一选五| www.195.cm-彩铅人物动漫| www.470279.com-一分快三杀号定胆| www.gm94.com-彩票走势图新浪| www.t17.net-福彩快三历史查询| www.629099.com-买彩票中奖故事| www.954382.com-彩宝彩票安卓安装包| www.582514.com-高频彩二十分钟一期| www.242971.com-手机购彩网站| www.0760.win-铁公鸡七星彩软件| www.452700.com-彩漂粉怎么使用| www.869622.com-苹果够力七星彩安装| www.554058.com-登陆晨兴彩票| www.880625.com-3号彩票手机软件| www.576296.com-小彩牛用户登录| www.869302.com-彩票密码线-| www.70345.com-亿彩购物中心| www.0228.me-澳洲时时彩技巧| www.578990.com-金祥彩票官网| www.715723.com-百乐盈彩票-| www.068574.com-香港六会彩正宗挂牌| www.105903.com-福建彩票22走势图| www.877858.com-重生之巨额彩票| www.012375.com-一定牛彩票电话| www.342848.com-胜负彩让球什么意思| www.999867.com-下载易网彩票并安装| www.ru46.com-中彩论坛网-| www.rr59.com-彩妆加盟店品牌大全| www.93528.cc-太湖三字诀乐彩论坛| www.561071.com-网彩平台注册就送钱| www.807881.com-优彩彩票是合法的吗| www.674521.cc-4a彩票-| www.cai3336.com快3彩票官网一牛网| www.747970.com-彩乐爆官网-| www.9ve.com-福彩3d断组规律| www.102439.com-博众快三彩票| www.7526.biz-彩票假的离谱| www.013674.com-五分彩万位公式| www.591901.com-七星彩走势2元网| www.77181.com-多彩网官方网站| www.277969.com-快三输了能回血吗| www.873277.com-体彩网购-| www.72ci.com-双色球彩票机选号码| www.112324.com-时时彩注册送18元| www.786567.com-全民福彩是什么意思| www.720650.com-快三大小单双赌博| www.1129.cc-西红柿首富有彩蛋吗| www.08wl.com-体彩排列三组选开奖| www.840958.com-彩妆加盟品牌| www.088608.com-湖北新快三今天号码| www.844628.com-彩票识别码研究| www.086882.com-海南五星彩开奖时间| www.ig8.cc-快三彩票中奖规则| www.132542.com-彩妆店赚钱吗| www.626589.com-鑫彩国际是什么软件| www.29852.com-福利彩票高频彩软件| www.396435.com-中国彩票都是内定| www.012283.com-福利彩票几点停卖| www.707570.com-1号彩下载-| www.932293.com-博发彩票下载| www.664251.com-七星彩今晚资料| www.985140.com-竞彩足球总进球规律| www.9yj.com-乐透啦彩票老司机| www.0806.wang-大发快三倍投计划表| www.45if.com-彩票销售店怎么样| www.555871.com-7乐彩机选一注| www.572710.com-福彩3d迷图第三版| www.822937.com-双色球预测授渔看彩| www.62us.com-早早报彩吧图库| www.06ft.com-福彩双色球是真的吗| www.83875.cc-乡镇福彩赚钱吗| www.17627.cc-体彩足彩竞猜结果| www.271226.com-新浪彩票开奖直播间| www.455569.com-彩票输了两万不甘心| www.905666.cc-yy彩票登录网页| www.892.tv-彩铅画动漫人物图片| www.365108.com-双色球走势图—爱彩| www.2035.vip-青岛市体彩中心| www.246818.com-今日彩票快3| www.424360.com-天天赢彩票链接| www.16838.com-星际彩票大发快三| www.001616.cc-彩种最多的平台| www.583230.com-768彩票-| www.59362.cc-体彩开奖直播小炮灰| www.4272.top-七星彩票杀号360| www.57410.com-彩城真能赚钱吗|