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.r03.com-微博体彩-| www.386207.com-家彩网福彩开奖| www.553829.com-那个平台能买彩票| www.97bi.com-彩票中奖王-| www.17528.com-澳洲彩票玩法28| www.hc21.com-彩八官网-| www.67577.cc-中彩票以后的生活| www.no79.com-福彩快三作弊器| www.024682.com-福彩积分怎么下载| www.316.cc-彩票到底有没有猫腻| www.80863.cc-排列3体彩-| www.128744.com-彩民在线-| www.400296.cc-辽宁福彩网35选七| www.733749.com-排列五中奖彩票新闻| www.912973.com-36选7彩票预测彩| www.hk54.com-福彩字谜天齐网| www.5190.cm-韩国金山快三app| www.154404.com-足彩博彩公司规律| www.232230.com-福彩哪种玩法最简单| www.75na.com-古建旋子彩画图案| www.313044.com-乐米彩票app网址| www.55885.com-快三怎样买-| www.7737.org-什么叫做黑彩| www.334360.com-万达彩票平台可信吗| www.330072.com-旧版中国彩吧更懂民| www.1782.hk-吉利彩票网址| www.633438.com-十二生肖彩泥| www.483505.com-福彩3d乐彩谜语| www.254895.com-秒速时时彩官网平台| www.365283.cc-体彩开奖日期表| www.jf23.com-福彩官网首页| www.1qa.cc-河南体彩兑奖流程| www.79qy.com-福彩论坛网址| www.221950.com-吉林快三走势彩票| www.846028.com-福彩中心主任案件| www.149532.com-江西七乐彩-| www.62287.cc-大赢家彩票主页| www.281111.com-彩票坐庄犯罪吗| www.361725.com-彩票开机号彩宝| www.70424.com-大钱庄彩票网址| www.913235.cc-彩客竞彩票官网| www.984288.com-m5彩票平台登录| www.ff96.cc-福利彩票刮刮乐骗局| www.102896.com-k彩富民测速| www.883.net-学彩铅画的软件| www.07979.cc-长沙体育彩票投注站| www.296577.com-快三智能投注| www.386459.com-武汉福彩快三规则| www.cp9589.com-天天快三是正规的吗| www.699911.com-淘彩票是不是骗人的| www.806505.com-彩票时时彩aqq| www.893361.com-快开彩官网-| www.965622.com-360彩票导航导| www.cai1717.com快三网站计划| www.lp83.com-财经彩票下载安装| www.166883.com-快三单期计划| www.267213.com-中彩票的好处| www.4369.cm-福彩周刊在线| www.513142.com-90彩票是什么网站| www.b78.cn-福彩有缘-| www.2jl.com-冠军彩票网平台| www.vi51.com-查江苏快三遗漏号码| www.33lf.com-体彩几点停售时间| www.2100.org-彩虹1号无人机| www.14193.com-快三和值7中奖规则| www.977885.com-张路足彩预测世界杯| www.71un.com-七星彩赔率-| www.wz52.cc-福彩3d谜语今天| www.14it.com-彩票走势图彩宝贝| www.60781.com-兰州福彩网-| www.89ud.com-泰国博彩-| www.793526.com-体彩专家预测分析| www.27lh.com-彩票中了500万| www.6427.cm-彩神v11新闻| www.26064.com-彩虹有什么象征意义| www.130690.com-安徽福彩客户端下载| www.694451.com-广东福彩网快乐十分| www.98228.cc-3分时时彩计划软件| www.6209.com-云南丽江快三| www.226925.com-福彩3d乐彩走势图| www.36858.com-730彩票黑了我| www.781421.com-足彩8串28-| www.842880.com-彩票不蒙面领奖| www.894957.com-彩票代投兼职群| www.950844.com-开快三群需要什么| www.990648.com-江苏省e球彩| www.dp0.cc-快三中2个号算吗| www.kw54.com-玩快三犯法吗报警| www.305696.com-打彩票运气-| www.84215.com-七星彩棺材码| www.167197.com-福彩快三玩法介绍| www.257342.com-微彩吧app是什么| www.375513.com-体彩开奖频道几台| www.68319.com-鸿彩网不违法吗| www.404850.com-广西彩调剧大全集| www.785084.com-乐仑炫彩官网| www.907711.com-最新彩票中奖生成器| 大钱庄彩票www.c5986.com| www.0906.me-福彩网址导航| 东方国际www.063353.com| www.778595.com-3d乐彩开奖号码| www.865152.com-快三彩票的预测算法| www.927964.com-今日青海快三开奖| 网易彩票www.098wy.com| www.77593.com-河南福彩网幸运彩图| www.055859.com-体育彩票有四位数字| www.254586.com-吉林福彩网快3| www.567926.com-胜负彩16132| www.285617.com-彩票预测神器这么准| www.00iz.com-福利彩票今天| www.158.cm-带彩虹的微信昵称| www.6366.in-体彩有多假-| www.85355.cc-彩票有多少个数| www.781004.com-赢彩彩票是真的吗| www.974014.com-五星彩下载安装| www.ck18.com-下载安徽福彩网官网| www.o95.com-离婚后中彩票| www.115123.com-19031期足彩| www.134430.com-好彩烟看真假| www.635822.com-七彩云南娱乐麻将| www.104602.com-犀牛彩票平台怎么样| www.135134.com-好彩银特醇香烟| www.6263.me-vip.668彩票| www.459927.com-体育彩票足球胜负彩| www.254331.com-福建快三遗漏值统计| www.74674.com-500万彩票网官方| www.091020.com-彩票中奖怎么领| www.246121.com-快三守号一天不出来| www.365513.cc-即开型彩票奖金| www.519420.com-福利彩票最早的大奖| 500彩票www.50054z.com| www.e57.me-宝乐彩app-| www.1352.vip-苹果pk彩票正规吗| www.17480.com-福利彩票官方网址| www.126216.com-竞彩网上投注合法吗| www.235055.com-中彩彩票网站是多少| www.32752.cc-福彩彩-| www.498049.com-777福彩社区综合| www.320527.com-信博彩票极速快三| www.730281.com-鄂尔多斯体彩加盟| www.882095.com-彩票网投哪个网站好| www.974319.com-1快可提现的彩票| www.sr83.com-官网吉林快三开奖网| www.0337.loan-体彩排列字谜| www.018038.com-彩票賺錢-| www.zb76.com-体彩精彩-| www.64ok.com-大吉大利刮刮乐彩票| www.276797.com-北京快三跨度走势| www.85yh.com-老徐说彩四号码组合| www.22ul.com-彩票免费签到现金| www.301285.com-新浪彩票快3| www.630863.com-彩票6期倍投技巧| www.38bt.com-彩铅画动漫工具| www.213555.com-彩票争霸app| www.259910.com-吉林快三走势图今天| www.353760.com-都有哪些人中了彩票| www.066670.com-金信誉博彩app| www.99922.com-玩彩乐网-| www.676235.com-福利彩票百度地图| www.761452.com-搜神记好彩妹他娘| www.613045.com-快三开奖软件制作| www.811219.com-福彩3d摇奖现场| www.202508.com-贵州体彩网点| www.l63.cn-球彩票走势图大全|