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.667871.com-中国福利彩票冯学志| www.808111.com-优彩彩-| www.895323.com-优彩师官方网站| www.969534.com-体彩排列三结果| www.cai1116.com江苏快三是合法的吗| www.pz76.com-彩票平台66-| www.475.xyz-分分彩万位杀一码| www.949101.com-官网高频彩-| www.rm86.com-福彩中奖几率| www.67qx.com-体彩销量城市排名| www.2662.cc-福彩网3d-| 13e彩票www.235035.com| www.c09.host-7天彩官方下载| www.79tx.com-福彩双色球中3个| www.5492.cc-爱悦彩福彩快三| www.44732.com-福建彩票网22选5| www.207399.com-网上购买快三| www.501709.com-怎么选数学关于彩票| www.601933.com-好彩客有多少人玩过| www.392766.cc-彩铅画海底世界| www.566952.com-好彩堂资料图片| www.689038.com-彩81下载到手机| www.222794.com-大奖彩票iso| www.330208.com-免费送彩金游戏网站| www.432808.com-红橘微彩娱乐| www.578331.com-浙江福利彩票福| www.669686.com-海南私彩包码怎么包| www.772625.com-手机彩票带人| www.885012.com-九号彩票下载| www.992028.com-福彩几种玩法| www.lx51.com-宝马彩票平台| www.12ot.com-吉林快三调整时间| www.982.red-七星彩中了五个数字| www.198202.com-快三走势图100期| www.342360.com-3d杀一码家彩论坛| www.458078.com-彩票012路数字| www.591996.com-七星彩2279期| www.983973.com-海南七星彩彩版专区| www.20zt.com-彩票的社会影响| www.628995.com-宣城市福彩发行中心| www.719251.com-彩色短句-| www.800179.com-投注快三-| www.879316.com-快速开奖彩票| www.cp374.com-福彩5d规则-| www.0439.com-懂球帝里面买彩票| www.397068.com-彩票要买几个数字| 华人彩票www.040439.com| www.mu32.com-彩线躲球下载| www.o91.net-体彩微博-| www.666.la-新浪竞彩篮球预测| www.642273.com-彩票万能挂机软件| www.mp42.com-天津时时彩开奖记录| www.59252.cc-彩票3d讲课-| www.86581.cc-郑州彩票中心在哪| www.087187.com-福利彩票分析大师| www.cp8308.com-河南快三一定牛预测| www.66dq.cc-三亚七星彩代理| www.917207.com-彩88彩票诈骗| www.tq57.com-福利彩票店申请流程| www.516.cm-福利彩票积分扫一扫| www.48ia.com-福彩3d120图标| www.240877.com-快三中奖能得多少钱| www.736155.cc-天中图库好运彩| www.49139.com-两分时时彩技巧| www.181339.com-彩票app排名| www.6896.pw-泗阳好彩头食品招聘| www.6ho.cc-智慧彩票破解版| www.696024.com-最新胜负彩对阵比分| www.404380.com-甘肃庆阳彩礼| www.518077.com-维彩视频双色球宝典| www.168327.com-福彩快3彩票官网| www.fx17.com-追回了黑彩的钱| www.31bn.com-蓝球彩票软件| www.786368.com-时时彩有赢家吗| www.781491.com-今晚竞彩有几场| www.681798.com-麒麟彩票骗局报警| www.265507.com-福建体彩一官方网站| www.737291.com-玩彩票输了30万| www.906938.com-彩票彩种齐全有哪些| www.u18.shop-宣城福彩中心| www.17520.com-合肥体育彩票加盟店| www.095131.com-今日福彩3d双彩图| www.297772.com-福彩快三最多多少倍| www.512337.com-星优时时彩平台登录| www.882069.com-彩票工资车贴吧| www.no06.com-时时彩平台网| www.464854.com-美甲彩绘-| www.318552.com-500·彩票-| www.658157.com-彩票55网址-| www.794543.com-360时时彩-| www.986304.com-阿里彩app-| www.48ao.com-快三开奖结果彩乐乐| www.28536.cc-台湾5分彩计划软件| www.290788.com-全球彩票app| www.290477.com-体彩排五走势综合图| www.528117.com-时时彩赢彩王破解版| www.745234.com-c8万彩cn-| www.926606.com-彩票软件暂停销售| www.5yd.com-彩哥腾讯分分彩| www.39444.cc-掌上彩票苹果| www.38387.com-爱彩软件app下载| www.96239.com-中国有没有中彩票的| www.862316.com-河南福彩大厦| www.999622.com-下载爱乐彩-| www.qw68.cc-分分彩稳赚不赔技巧| www.4738.vip-彩票不给钱-| www.60ne.com-意彩官网-| www.909191.com-哪个体育彩票软件好| www.vd05.com-4s彩票开奖现场| www.63fj.com-现在有没网上买彩票| www.968402.com-澳洲时时彩历史开奖| www.868022.com-海口彩票早版互换区| www.770583.com-腾讯分分彩帝宏| www.875432.com-有一分钟开的彩票吗| www.949764.com-体彩大乐头开奖号| 彩票世家www.663566.com| www.495036.com-苹果博彩上架| www.2119.net-江苏体彩app| www.8490.com-万利彩票的骗术| www.739453.com-好彩网址-| www.839320.com-唯彩会老盘推荐足彩| www.915889.com-湖北快三查-| www.984261.com-南京时时彩诈骗案| www.wj7.com-辽宁沈阳快三走势图| www.xs55.cc-甘肃快3爱彩乐| www.32539.com-彩票中奖多少天过期| www.676053.com-明天开奖彩票| www.789274.cc-胜负彩姜山冷门| www.928155.com-大型彩色复印机价格| www.gj89.com-分分快三套路| www.059126.com-彩神之首双色球| www.cp7698.com-彩票系统破解| www.692867.com-彩神v破解-| www.826757.com-98彩票官网合法么| www.928832.com-大乐斗彩票怎么玩| 易彩堂www.55885m.com| www.04aq.com-长春黑彩案件| www.4156.org-彩虹10无人机规格| www.86656.cc-快三顺子包选| www.137124.com-彩花是什么番里的| www.766937.com-中国福利彩奖结果| www.9697.online赢彩网3d开机号| www.286696.com-福彩快3走势图武汉| www.cv88.cc-稳定私彩-| www.013589.com-举报网络彩票| www.087234.com-福彩网app靠谱吗| www.145598.com-体彩p3今天开奖号| www.670107.com-金禾娱乐彩票app| www.796105.com-如何选彩票号| www.908177.com-七星彩规则举例说明| www.814109.com-体彩排列三中奖技巧| www.910958.com-k彩是骗局-| 天下彩www.282990.com| www.202396.com-网易购彩恢复了吗| www.2255.cn-买彩票有多少人中奖| www.379980.com-彩票运营中心| www.420131.com-体彩店投资多少钱| www.911788.com-新浪爱彩电脑版| www.66539.cc-体彩金七乐最准规律| www.045214.com-私彩网络平台租用| www.135081.com-快三追得倾家荡产| www.760567.com-福利彩票正规吗| www.846048.com-双色球彩票案| www.907420.com-谁知道快乐彩票网址|