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.fp37.com-体彩规则-| www.25vw.com-老挝博彩打工可靠吗| www.1311.pw-河南彩宝网-| www.927983.com-体彩有哪些种类| www.97378.com-北京福彩快三排| www.437030.com-福彩刮刮乐网上试刮| www.613814.com-平安彩票安全吗| www.745962.com-湖北福彩app官方| www.862210.com-体育彩票排开奖结果| www.983471.com-天津时时彩软件| www.51571.com-福彩三d彩吧论谈| www.455707.com-搜狗彩票精准杀号| www.990456.cc-怎么注册汇彩网| www.89851.cc-26选5好彩三结果| www.233.live-5分钟彩票有哪些| www.9350.top-什么彩票中的几率大| www.75503.com-福彩快十玩法| www.916910.com-乐迎彩票骗局| 500彩票www.911050.com| www.906632.com-浙浙江体彩6十1| www.298783.com-中国手机彩票福彩网| www.595320.com-鑫彩国际app| www.721295.com-幸运8五分彩规律| www.879599.com-人人彩票公司在哪里| www.dq56.com-北京快三结束时间| www.s89.club-唯彩网双色球预测| www.51ln.com-苏州彩票中心在哪里| www.3224.xyz-玩彩老输-| www.06508.com-滴滴彩票苹果手机| www.58127.cc-福彩图迷汇总八| www.022700.com-1516专注彩票网| www.671893.com-鞍山体彩转让信息| www.838972.com-zc66cc中彩网| www.982055.com-彩票推广贴吧| www.4056.vip-青海体育彩票网管网| www.96325.cc-彩票是干什么用的| www.939000.com-三分时时彩d9彩票| 818合彩www.www.5666hc.com| www.8zt.cc-彩票中奖团队qq群| www.73zo.com-体彩排列三兑奖时间| www.1094.cc-足彩竞彩漏洞| www.8339.in-七星彩够力小辣椒| www.381351.com-7乐彩开奖今天今天| www.518934.com-英博在线彩票平台| 风之彩www.77fzc.com| www.038900.com-彩票可以往投资说吗| www.541733.com-彩3app-| www.636028.com-福利彩票税收| www.717721.com-彩票开奖杳询| www.845295.com-中国体育彩票成立| www.947674.com-彩票作假国家不管吗| 全民乐彩票www.2934u.com| www.vl35.com-多乐彩十一选五走势| www.43rd.com-彩票提现扣常态稽核| www.973.date-南涧彩票店地图位置| www.5531.cc-快三未出号码统计器| www.962139.com-彩涂钢板生产| www.194623.com-请把福彩三的早出来| www.336245.com-上海福彩选四预测| www.029006.com-重庆时肘彩开奖宝典| www.834600.com-五州彩票ap-| www.965581.com-快三234下期预测| www.cp155.com-众彩网-| www.957724.com-福彩三d速查表| www.cg97.com-吉林福彩快三开奖| www.01ji.com-彩虹产生的原因| www.682355.com-今日福彩3d藏机图| www.952804.com-七彩7位数开奖号码| www.cai1919.com快三河北走势图| www.870251.com-五分钟开一期的彩票| www.960466.com-福彩3d推荐号| 天天彩票www.2373v.com| www.at99.com-多宝彩票平台下载| www.ro31.com-彩之源彩票首页| www.3748.com-辽宁省福利彩票3d| www.206074.com-兼职刷彩票赚佣金| www.970460.com-山东体彩群英会| www.172951.com-福彩快三今日开奖| www.992923.com-湖北快三昨天走势图| www.bc05.com-周易测快三-| www.80938.com-体彩开奖直播哪个台| www.799679.com-快三最高中奖纪录| www.609503.com-腾讯分分彩万能七码| www.679668.com-至尊彩大发快3| www.751407.com-彩票聋哑人-| www.979019.com-福彩快3投注速查表| www.gi86.com-快三秒加盟官网| www.732789.com-河南驻马店的彩礼| www.53965.cc-彩票777官网下载| www.uk06.com-彩宝网3d开机号| www.1549.cn-中彩麒麟双色球| www.8635.pw-登录英博彩票| www.6235.top-福彩快快乐十分钟| www.672018.com-高频彩被追杀| www.5122.top-中彩迅达买彩票| www.248311.com-头条彩票下载地址| www.309310.com-香港12生肖彩票| www.19851.cc-5期必中的彩票计划| www.397862.com-19003七星彩| www.677199.com-彩色印刷包装盒| www.172912.com-河北快三开奖今天的| www.322691.com-彩名堂下载苹果| www.893050.com-彩票中奖秘籍王博士| www.297996.com-香港福彩资料大全| www.073.tv-大发时时彩彩票机| www.122363.com-七是彩走势图| www.7xe.com-中彩票后离婚| www.18ky.com-传统足彩首页| www.99313.cc-重庆时时彩赔付规则| www.1657.top-中乐彩aqp下载| www.86993.cc-江苏南京快三| www.227616.com-彩票软件一分钟开奖| www.936953.com-彩福平台是真的吗| www.00ad.com-玩彩网提款不到账| www.8057.cm-创意水彩装饰画| www.090368.com-彩33-| www.410301.com-彩库宝典安软下载| www.968454.com-福彩中心作弊事件| www.xk08.com-吉林快三计划打开| www.321421.com-足球彩票即时比分| www.639485.com-豪华彩票站-| www.688670.com-248a1彩票-| www.881432.com-一定牛竞彩篮球| www.973651.com-甘肃福彩3d太糊继| www.zo3.com-河南快三遗漏一定牛| www.719562.com-中彩吧平台怎么样| www.999399.cc-福彩试机号码是多少| www.zr03.com-彩票秘籍-| www.005454.com-时时中彩票登陆| www.186543.com-福利彩票什么赌| www.112375.com-微信pc28送彩金| www.769852.com-好彩店app官网| www.994506.com-怎么在微信上买彩票| www.618098.com-体彩彩吧排列三预测| www.778565.com-体彩双色球开奖号| www.850407.com-足彩买串技巧| www.912317.com-私彩庄家有输的么| www.963001.com-彩神ix可靠吗| 华人彩票www.hr1888.com| www.540950.com-香港福彩中心| www.667233.com-赛马彩票开奖结果| www.647645.com-吉林快三庄家联系| www.638673.com-苏州体彩竞彩转让| www.0701.tv-足彩滚球让1球胜| www.6184.com-彩之家彩票下载安装| www.217314.com-彩票网三地预测| www.49758.cc-足彩外围-| 凤凰彩票www.77801q.com| www.19862.cc-时时彩论坛贴吧| www.69179.com-在淘宝买彩票怎么买| www.025729.com-福彩专家杀码和值点| www.082126.com-香港一惠民彩票| www.624228.com-彩票33号平台| www.366571.com-南宁彩票兑奖中心| www.039010.com-七星够力彩-| www.868553.com-特区七星彩图规| www.952494.com-大奖彩票注册登录| 东方国际www.055983.com| www.zk29.com-青蛙彩-| www.12nq.com-时彩网赚计划| www.53pb.com-彩票网下载哪个最好| www.239448.com-信誉好的大平台彩票| www.93626.cc-山东福彩中心官网| www.837365.com-立彩网-|