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.091.me-xy幸运彩票选号器| www.69796.com-盛世彩票导航线路| www.158735.com-天猫彩票平台| www.555213.com-华彩控股的十大股东| www.732838.com-七位数江苏体彩网| www.380290.com-七乐彩012-| www.739984.com-彩票3d走势图下载| www.917836.com-彩虹歌词羽泉| www.cp323.com-老谢说彩-| www.877177.com-大众彩票ios| www.343099.com-32彩票手机app| www.637583.com-鑫彩网彩票骗局| www.285129.com-福彩过户-| www.10493.com-大彩鲸怎么玩| www.576222.com-彩票的基础知识| www.107147.com-博大彩票官网下载| www.519531.com-天天彩彩票与你同行| www.408050.com-新婚姻法彩礼多少钱| www.202622.com-网易彩票购彩平台| www.497149.com-福彩手机投注后拿票| www.678098.com-宁德福彩中心| www.960949.com-彩票3d过滤器| www.245959.com-彩客网足球即时比分| www.254219.com-凤凰网投时时彩网址| www.424837.com-青岛七彩灯| www.948637.com-买彩票中奖了| www.yy34.com-乐盈彩app-| www.1126.in-福利彩票山东省地址| www.74647.com-网球彩票网站| www.8770.vip-七星彩大公鸡梦册| www.137868.com-彩之星彩票靠谱吗| www.357566.com-合买彩票中奖| www.424774.com-排列三夸度彩乐乐| www.42557.com-搜狗体彩-| www.002205.com-快钱彩票是骗局吗| www.071739.com-体彩店开业活动| www.394533.com-分分彩靠什么开奖| www.105095.com-3d彩票太湖谜语| www.640007.com-七星彩奖虫下载| www.939629.cc-福彩门户网址开奖| www.96.vip-内蒙古福彩中心在哪| www.4833.biz-超高赔率彩票网| www.58862.com-游戏机吐出的彩票| www.096822.com-3d好彩网-| www.011488.com-今晚福彩3d-| www.505734.com-国丰彩票能赚钱吗| www.638226.com-体彩竞彩与电影区别| www.783809.com-彩132-| www.878761.com-浙江福彩积分兑换| 众乐彩票www.389244.com| www.391629.com-熊猫快三-| 500彩票www.50052c.com| www.95cj.com-博彩金手指报纸官网| www.383000.cc-彩票店从哪挣钱| www.624626.com-沧州体育彩票发行| www.797629.com-福彩3d今晚试机号| 金掌柜www.83993j.com| www.626.cn-福彩12选5规则| www.28659.cc-乐彩彩票官网地址| www.75025.com-福利彩票几种类型| www.654047.com-合一彩票登陆| www.879377.com-福彩新快三开奖结果| www.qb19.com-查询彩票app| www.l05.net-彩票电子屏走势图| www.143787.com-彩运8彩票-| www.486585.com-今日竞彩单关场次| www.401720.com-天天彩票官方直营网| www.582270.com-南方双彩网客户端| www.201784.com-时时彩缩水软件安卓| www.280511.com-五分彩时时彩官网| www.359223.com-体彩有几种买法| www.257691.com-中彩彩票怎注册| www.365571.cc-彩铅人物脸-| www.10740.com-亚洲杯足彩神单| www.0118.cm-福彩怪事-| www.17687.com-505彩票走势图| www.76488.cc-只选3个号码的彩票| www.095073.com-网购福彩是不是骗局| www.213116.com-彩神软件骗局| www.322290.com-安徽快三历史记录| www.413562.com-挂彩了的说说| www.526938.com-时时彩开奖计划| www.698889.com-初学者简单的彩铅画| www.5025.pw-好运彩彩票苹果版| www.47583.com-吉林快三是网堵吗| www.070777.com-彩票自动售卖机终端| www.835810.com-好彩三八今期现| www.760015.com-好彩网一分钟快三| www.882640.com-易彩网可以赚钱吗| 网易彩票www.506257.com| www.nd57.com-安徽快三免费计划| www.107556.com-神马彩票官方网站| www.468372.com-一彩票网址大全| www.588454.com-七星彩论坛特区海南| www.695221.com-常州彩票案件| www.827758.com-彩66平台怎么样| www.922284.com-江苏快三开将号| 500彩票www.701496.com| www.901398.com-天下彩开奖l结果| www.338249.com-梦见彩票中13万| www.77026.cc-中彩票感言-| www.164744.com-彩票刷水套利招人| www.966073.com-北京快三直播视频| www.5285.site-彩票平台出租试用| www.554972.com-中彩票最多次的牛人| www.630082.com-76cp彩票骗人| www.d85.cc-彩民网全网资料最快| www.941471.com-体育彩票七单式玩法| www.776063.com-火箭彩票下载安装| www.139684.com-体彩可以异地兑奖吗| www.6966.top-融彩网一app| www.24077.com-澳洲幸运5时时彩| www.7966.org-博彩大数据-| www.616373.com-百万彩友论坛| www.315506.com-七彩本草安神方骗局| www.134258.com-日税红好彩价格| www.157494.com-竞彩串关图-| www.220365.com-体彩独胆双胆| www.125210.com-幸运彩票官网下载| www.631989.com-七彩虹官网-| www.728796.com-大连体育彩票网址| www.95173.com-孕妇彩妆哪个牌子好| www.432979.com-快三输-| www.0075.cm-买彩票有几种方式| www.685827.com-银彩通工行-| www.782616.com-快三秒胶水百科| www.859574.com-28彩app-| www.934301.com-福彩动物总动员公式| www.830398.com-彩票怎么快速查询| www.938353.com-彩票受害者-| 大赢家彩票网www.339219.com| www.3487.cc-福彩还能买吗| www.570570.cc-七彩神仙鱼繁殖| www.1344.vip-七乐彩-| www.307861.com-白银市福彩中心| www.06770.com-双彩原创字谜总汇| www.67723.cc-中彩票最多-| www.903890.com-福彩定胆的玩法| www.987506.com-彩票追号投注计算器| www.tq5.cc-快三时时彩坑人| www.580312.com-彩票数字怎么定的| www.70022.cc-体彩篮球竞彩平台| www.966492.com-全球彩是骗局吗| www.cai2611.com时时彩9码不贪| www.sp0.com-体彩排列五开奖直播| www.224507.com-大发快三规律讲解| www.310749.com-神圣彩票邀请码| www.380008.com-中国体彩网手机下载| www.694599.com-篮球彩开奖结果| www.793396.com-打彩票赊账-| www.890636.com-瑞彩彩票是骗局揭秘| www.954067.com-欧盟好彩双爆| www.ll7.cc-手机玩快三咋玩| www.zy67.com-七星彩排列五规律表| www.125097.com-福利彩票考试| www.00gi.com-快三提前一期开奖| www.333403.cc-微信分分彩官网| www.692442.com-买乐乐彩票有技巧吗| www.501331.com-天下彩l-| www.326811.com-中七星彩去哪里领奖| www.245608.com-易彩快三预测软件| www.rj72.com-各种釉彩大瓶观后感| www.23yt.com-六开彩开奖查询| www.115996.com-菏泽单县彩礼顺口溜|