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天

知道了
彩票123现在叫什么名字 www.568598.com-彩薇花化妆品怎样| www.339243.com-区块链互联网彩票| www.96hq.com-鸿彩直播木木| www.2841.win-福彩体彩速查表| www.871240.com-时时彩万位人工定胆| www.239264.com-手机买彩票骗局| www.455466.com-彩票访官方平台| www.569880.com-二分彩专业计划| www.722232.com-时时彩刷流水方法| 大赢家彩票平台www.156506.com| www.983745.com-百万彩票选号器| www.001970.com-梦想成真的彩票故事| www.671405.com-彩乐园开奖下载| www.909218.com-福彩三b家彩网| 天天彩票www.171880.com| www.1169.org-体彩术语砍-| www.028262.com-网易彩票又能买彩票| www.598552.com-福利彩票违法| www.735753.com-篮球彩票分析师| www.516102.com-购彩上1288-| www.640833.com-安卓怎么装九万彩票| www.903876.com-重庆时时彩龙虎口诀| www.978635.com-天天中彩票福彩3d| www.zb2.cc-快三一天开多少期| www.j36.com-蒙古快三彩票平台| www.18485.com-赛后及派彩-| www.552212.com-江西快3爱乐彩| www.503952.com-福彩验票吗-| www.369124.com-18位同学合买彩票| www.27572.com-体彩招牌弄成副门头| www.219885.com-快三三不同中奖规则| www.25811.com-彩库宝典1.3.2| www.817383.com-七七彩票犯法吗| www.23225.cc-彩色的翅膀资料| www.879262.com-彩票安卓版12选5| www.315979.com-彩票前景-| www.43jk.com-道路彩色沥青价格| www.588466.com-粤海七星彩交流区| www.58tq.com-分分彩怎样看走势| www.2013.me-彩票大乐几个号码中| www.660021.com-南国彩票七星彩网| www.00400.cc-福利彩票公众号| www.096235.com-好彩网论39492| www.203318.com-彩神ⅴ-| www.483592.com-亿彩投注网址| www.434234.com-圣彩网天空彩| www.37sc.cc-中国彩礼图-| www.657498.com-今晚体彩开奖情况| www.pj45.com-福利彩票筛选器| www.pl87.com-大发时时彩人工计划| www.690162.com-进球网竞彩推荐| www.445175.cc-西安福利彩票转让| www.9187.vip-重庆五分彩走势图| www.d30.space-中国足球彩票网官网| www.93ij.com-乐彩五分彩智投计划| www.9789.net-为什么叫多彩贵州网| www.79175.com-易网彩票预测汇总| www.131092.com-太康县结婚彩礼| www.00737.com-福彩三d形态| www.424096.com-新浪网七星彩走势图| www.993741.com-竞彩怎么玩法介绍| www.443296.com-网易彩票吞钱吗| www.f16.com-新加坡彩票中奖规则| www.93ub.com-易彩云app-| www.6540.com-金牛彩票软件| www.093595.com-武汉福彩店铺转让| www.10kg.com-网上彩票作假视频| www.246262.com-快三网上怎么投注| www.930935.com-吉林四平福彩快三| 500彩票网www.61655s.com| www.ak61.com-河南快三二码遗漏表| www.mv24.com-福彩3d定位秘诀| www.306026.com-六利彩开奖结果查询| www.400446.com-七星彩打码软件下载| www.511592.com-大地国彩app| www.044127.com-致富彩哪里可以下载| www.4510.vip-昨天足彩结果查询| www.643997.com-比特币一分彩走势图| www.ex75.com-彩票助赢网页手机版| www.14ob.com-安阳梅园庄彩票店| www.188.gg-彩铅画的魅力| www.5292.cc-七乐彩公今公告| www.11734.cc-管家婆彩图2019| www.21499.com-网络彩票app诈骗| www.87895.cc-吉利三分彩正规吗| www.639482.com-在体彩店上班怎样| www.767798.com-火箭彩票网站注册| www.877456.com-彩迷会下载-| www.zm40.com-数字彩票开奖结果| www.4275.vip-西安三彩家骗局| www.66276.cc-福利彩票双色球下注| www.160028.com-斯洛伐克彩开奖网| www.9119.top-彩霸王彩图纸| www.88340.cc-龙之彩彩票平台| www.494433.com-足彩竟技风暴新浪网| www.077145.com-青海快三中心| www.63yr.com-双色球精彩十分| www.50766.cc-时时彩私彩能作弊| www.542316.com-彩票选几个号| www.054598.cc-快三开奖结果遗漏| www.368906.com-一人多次中奖彩票| www.665721.com-87彩票官网下载| www.741010.com-28c彩票网-| www.774477.cc-花生彩票真的假的| www.636057.com-彩6墨冰多少钱| www.247551.com-能玩快三的彩票网站| www.311768.com-买快三彩票是赌博吗| www.367379.com-超萌可爱卡通彩铅画| www.441533.com-nba精彩集锦| www.216182.com-澳门六星彩搅珠结果| www.727677.com-山东福彩开奖结果| www.910969.com-网上k彩合法吗| www.20kf.com-茶陵公益彩票| www.p49.cc-彩票新规则和玩法| www.76lh.com-七乐彩销售截止| www.2119.cc-江苏休彩网-| www.131844.com-焦作结婚彩礼| www.654663.com-宜春体彩店-| www.76fl.cc-七乐彩特别号怎么选| www.203519.com-体彩5d的开奖结果| www.314987.com-彩票手机投注玩法| www.18bs.com-京东体彩体验店开业| www.043386.com-三的开奖号码福彩| www.694.me-鸿运来彩票登陆官网| www.570250.com-七彩神仙鱼养殖密度| www.645898.com-竞彩总进球数高手| www.999532.com-福彩3d012路| www.ye0.com-大发快三如何看和值| www.qf97.com-彩28彩票下载| www.s43.cc-手工彩灯制作| www.gr32.com-好彩1预测雷诺| www.09133.com-鸿彩快三彩票网登陆| www.84381.com-东城区福彩销售点| www.028748.com-买彩票技巧公式| www.101815.com-彩185-| www.359627.com-澳洲5分彩杀号技巧| www.493915.com-中园福利3d新彩网| www.600019.cc-每天有多少人买彩票| www.697326.com-七星彩一等奖概率| www.792920.com-浙江省福彩领奖地址| www.658251.com-湖北广电彩票怎么买| www.33653.cc-最新专家说彩| www.6876.vip-双色球中彩票秘籍| www.4uq.com-网上兼职福利彩票| www.702247.com-体育彩票加盟网站| www.909289.com-福建福州快三查询| www.557822.com-皇室彩票是干什么的| www.30ib.com-体彩刮刮乐兑奖方法| www.62345.com-彩票中奖概率排行榜| www.42pq.com-彩票开奖假视频| www.000412.com-365竞彩app-| www.813.website贝酷体彩店-| www.84pj.cc-福州彩票开奖| www.22831.cc-百事彩票站-| www.873196.com-四川体彩管理中心| 盈彩www.890702.com| www.57ci.com-铜胆中彩专栏| www.3109.cc-快彩票下载安装| www.71182.cc-福利彩票基诺游戏| www.008839.com-彩票采集器修复教程| www.339374.com-彩思乐-| www.444805.com-彩票过滤器怎么回事| www.1568.xyz-彩乐乐7位数预测| www.026865.com-足球竞彩34彩票|