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.478038.com-快乐彩五行如何盈利| www.18on.com-彩票开奖查今天| www.435153.com-贵州体彩站怎么申办| www.800746.com-福彩3d藏机图最真| www.63025.com-河南商丘彩礼规定| www.024116.com-磁县彩票中42万| www.099689.com-福利彩票手机助手| www.18tk.com-七星彩第19013| www.7085.com-m5彩票怎么注册| www.4835.xyz-2002世界杯彩票| www.48876.cc-正版香港挂牌彩图| www.158425.com-北单体彩官网| www.943669.com-99彩票有人玩吗| www.89yn.com-彩漂可以去油渍吗| www.081323.com-彩票中大奖横财预兆| www.778990.com-第一彩票网-| www.873547.com-网易购彩下载| www.948611.com-彩票排列五开奖时间| www.cai7979.com吉林快三走势图表| www.od14.com-时时彩购彩大厅| www.384925.com-七星彩解诗网老头子| www.496199.com-彩票稳赚绝密方法| www.567661.com-体彩江苏11选五| www.358965.com-微博彩票游戏二维码| www.446233.com-彩票源码免费| www.545400.com-彩票机糖果大亨| www.ll26.com-彩票巴士靠谱吗| www.q96.cc-第一次买体育彩票| www.82hn.com-7103彩票-| www.640406.com-福利彩票赔率| www.370297.com-广西风彩广西福彩网| www.1578.cc-河北黄骅福彩冀彩宝| www.466044.com-5d彩超多少钱一次| www.504550.com-竞彩复制票-| www.160237.com-c868彩票app| www.717179.com-彩铅画优点-| www.816543.com-快三十分钟开一次| www.941991.com-5258彩票-| www.999917.com-体彩网上怎么买| www.di08.com-买生肖属于什么彩票| www.95475.com-体育彩票专项资金| www.238337.com-分分快三是真的吗| www.9083.vip-禁止网上售彩| www.99984.cc-全国地方彩票开奖| 众彩www.023128.com| www.1643.net-体彩排列三条件专区| www.398932.com-找个彩票代打团队| www.577601.com-黑彩犯法吗-| www.693209.com-数字彩票有规律性| www.8125.cc-中国体彩网开奖号| www.52752.cc-恒大国际福彩| www.871930.com-毕节市福利彩票中心| www.552055.com-九号彩票官网| www.692907.com-乐乐彩网论坛| www.853269.com-彩票有什么彩种| www.32tk.com-够力七星彩排列五| www.2600.wang-关于最新诈骗彩票| www.05440.com-彩票矩阵缩水| www.3564.biz-送18彩金-| www.895127.com-免费彩票合买软件| www.986894.com-快三辅助器-| www.qw2.cc-请把福彩三的早出来| www.sy03.com-体育彩票怎么看懂| www.9zp.cc-海南七星彩登录会员| www.106556.com-五分彩历史开奖号码| www.296839.com-福彩门户-| www.372972.com-彩臣看盘胜负彩| www.470567.com-足彩合法么-| www.777314.com-加导师买彩票| www.063533.com-彩票坐庄机器人| www.863512.com-彩票大数据-| 中国福利彩票www.34788y.com| www.kd76.com-达人彩票平台| www.m09.xyz-七乐彩票我的账户| www.67us.com-足彩奖金优化软件| www.3747.vip-七星彩090期开奖| www.1770.vip-什么叫彩票流水| www.126764.com-彩铅画入门眼睛图片| www.162700.com-福彩3d和值定位图| www.67542.com-胜彩asia-| www.031112.com-天天购彩网登录| www.393781.com-福彩手机软件正规吗| www.169971.com-南昌快三走势图| www.951221.com-京彩国际平台骗局| www.s75.club-舟山体育彩票网点| www.916526.com-双赢彩票网手机版| www.338141.com-梦见家人彩票中奖了| www.507353.com-亿彩堂邀请码| www.591693.com-福彩三地优势| www.666527.com-九州彩票提现不到账| www.731754.com-8k彩票登陆-| www.797890.com-彩票平台源码免费| www.886888.com-大发快3淘彩票| www.62wt.com-西安福利彩票转让| www.0911.in-胜负彩合买群| www.7420.vip-111彩票安卓| www.081123.com-彩运8网页-| www.560521.com-捕鱼游戏注册送彩金| www.755228.com-刮刮乐中彩网| www.888637.com-福建即时彩开奖结果| www.982630.com-第七感时时彩软件| www.uk14.com-彩票模拟摇号器| www.51821.com-福彩3d定位-| www.285461.com-浙江快三查询| www.uo40.com-爱彩乐十一选五多少| www.44ot.com-enzo彩宝-| www.1674.net-中彩网注册| www.527427.com-彩经搜狗彩票走势图| www.588489.com-大众彩体彩走势图| www.669283.com-彩票统计软件app| www.739824.com-福彩3d坑人-| www.827298.com-彩票顺龙第几期跟| www.907892.com-够力七星彩奖表旧版| www.967905.com-彩票有猫腻吗| 大赢家彩票www.394811.com| www.kh79.com-福利彩票数字3奖金| www.93802.com-5o0万彩票网官网| www.068444.com-彩票开发定制| www.200092.cc-七乐彩开奖信息| www.ch41.com-瑞彩祥云app官方| www.04hw.com-台湾天天彩直播开奖| www.166810.com-快三助手破解版下载| www.678885.com-快购彩票下载安装| www.754513.com-中彩网双色球搞台赛| www.518495.com-彩发发官网下载| www.h91.club-彩票里什么叫龙| www.918275.com-彩票900-| www.913985.com-7天彩-| www.660355.com-金福彩票网手机登录| www.753272.com-体彩七星彩开奖结杲| www.835676.com-福彩3d150-| www.940744.com-网络快彩平台刷流水| www.991016.com-福彩三d天天彩报图| www.w21.cn-福彩3d两天计划| www.290944.com-1234cc天下彩| www.945843.com-乐米彩票注册| 福利彩票www.78700j.com| www.19917.cc-香港亚视彩票网址| www.73167.com-彩票缩水工具安卓版| www.436559.com-网易彩票真实网址| www.102342.com-加拿大28彩票| www.692260.com-福彩老总-| www.228127.com-立彩app-| www.438133.com-星彩网官网下载安装| www.81xg.com-思派彩票机-| www.9023.net-今日七星彩预测头尾| www.326506.com-排三列走势图彩宝网| www.rr66.cc-吉林福彩时时彩开奖| www.002092.com-七乐彩奖励表| www.12xf.com-重庆时时彩官方登录| www.85582.cc-湖北快三走试图| www.071911.com-6e6e彩票-| www.989899.com-重庆时时彩中奖助手| www.m70.org-彩票输了六万| www.58js.cc-福彩3d黑白玄机图| www.590143.com-好彩店彩票提现拒绝| www.351362.com-手机时时彩在哪玩| www.750928.com-足球彩票18075| www.853369.com-连中彩票和易宝支付| www.928309.com-趣彩彩票官网| www.971624.com-中华彩票网址app| 财神网www.29277o.com| www.uk32.com-开时时彩平台| www.44575.com-中彩网靠谱么|