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.8880.pw-足彩主和什么意思| www.854796.com-所新浪竞彩比分直播| www.926724.com-达人彩票娱乐| www.984793.com-鼎盛彩票app下载| www.nj8.cc-上海快三开奖助手| www.wx05.cc-微彩排列五-| www.22ib.com-体育彩票1360亿| www.703.cm-王者彩票是骗人的吗| www.75819.com-香港赛马彩票平台| www.121644.com-soul加到彩票托| www.275793.com-哪个软件能玩快三| www.794719.cc-福彩天罡图-| www.952372.com-k彩网站-| www.hx66.cc-江苏e足彩玩法| www.759527.com-福彩快三官网走势图| www.603655.com-彩票代打什么意思| www.69ni.com-聚彩论坛手机网站| www.2282.pw-办个彩票站得多少钱| www.8338.hk-优点彩票下载| www.408588.com-湛江七星彩投注网站| www.48eu.com-国乐彩骗局-| www.8529.biz-时时彩能买吗| www.105902.com-快三开奖安徽| www.49136.com-香港彩富网综合资料| www.080613.com-新加坡南洋彩资料| www.sh90.cc-时时彩最新版本下载| www.622673.com-福彩3d一点通字谜| www.780268.com-开彩票平台-| www.628732.com-12生肖彩票怎么买| www.769509.com-好彩头食品有限公司| www.8960.biz-通搏彩票-| www.031212.cc-九哥彩票是真的吗| www.129515.com-中华大彩票-| www.86692.com-山西大清快三走势图| www.099747.com-福彩3d双胆毒胆| www.730888.com-麒麟彩票平台| www.838553.com-竞彩让平负-| www.761656.com-甘肃快三规律| www.865586.cc-买彩票亏了几十万| www.930910.com-福彩六加一玩法| www.997668.com-北京体彩站点查询| www.is48.com-全民彩票吧-| www.42566.cc-搜狗彩票.net| www.64ay.com-竞彩8串28容错表| www.365686.cc-彩票图片模板| www.046647.com-凤凰彩票计划助手| www.ll94.com-彩票12正规吗| www.587005.com-竞彩单关无脑砸平| www.456767.com-福彩20选5山东| www.525360.com-快三贵阳彩票走势图| www.956830.com-七彩神仙鱼价格表| www.cp0996.com-最精准快三计划平台| www.oa37.com-百盈快三哪个软件| www.98968.cc-时时彩杂六规则| www.422888.cc-荣誉彩票犯法吗| www.576251.com-开心100彩票网| www.93765.cc-777彩票网址| www.862832.com-星期五福彩开奖吗| www.936155.com-聚祥泰彩票机| www.ze40.com-彩票话术大全| www.35kq.com-power彩票-| www.007537.com-今日体彩-| www.197114.com-马来西亚彩票大全| www.303026.com-福彩三弟之家| www.035085.com-彩票三分快三心得| www.7394.cn-普陀区体育竞彩店| www.wc0.com-搜索3d新彩吧| www.67zw.com-苹果酷彩吧下载| www.760393.com-彩神人大乐透专栏| www.495326.com-彩漂泡衣服时间太长| www.568381.com-京彩app是什么| www.639586.com-新浪爱彩老版本| www.711912.com-彩礼嫁妆的区别| www.790370.com-彩票下载什么软件好| www.872280.com-中彩网网址大全| www.936613.com-中国福彩自助彩票机| www.984288.com-m5彩票平台登录| www.am08.cc-鸿运彩票是黑平台吗| www.ui22.com-大马彩票下载安装| www.32934.com-全民乐彩网站| www.86392.cc-新彩怎么画-| www.436018.com-鹤壁体彩网点申请| www.544772.com-买彩票店视濒| www.340638.com-竞彩中932万| www.23594.com-四季彩黑钱不| www.66du.cc-华彩一二三-| www.eh3.com-软件破解彩票| www.55378.com-极速时时彩彩规律| www.82955.cc-体彩3dp3开奖号| www.380621.com-福利彩票微信头像| www.7432.cc-上海竞彩店申请条件| www.33660.cc-百分百彩票可靠吗| www.96656.cc-竞彩足球概率| www.581910.com-彩票网站制作哪里有| www.646.website分分彩输死了| www.098266.com-彩票3d专家预测| www.876237.com-今天湖北快三开奖结| www.974135.com-最新唯彩视频双色球| www.cai9393.com彩票123彩票网| www.tz05.com-最牛竞彩广告语| www.020359.com-体育彩票查询号码| www.483118.com-金彩在线登录网址| www.467068.com-体彩排列五近十期| www.tg6.com-青海快三走势图案| www.3151.cc-七星彩交流轮胎坛| www.36578.com-探探投彩诈骗| www.74481.com-即乐彩玩法-| www.115866.com-足彩报-| www.23185.cc-彩票上可以写名字吗| www.116552.com-极速时时彩六码计划| www.187365.com-全球十大彩票平台| www.256087.com-旺彩3d下载-| www.322568.com-最新竞彩中奖故事| www.379408.com-球探彩票合法吗| www.967888.cc-彩票能中奖吗| 网易彩票www.890517.com| www.048473.com-赢彩app下载| www.626462.com-福彩3d16788| www.365628.com-快三跨度中奖| www.433018.com-盈彩吧是什么意思| www.510450.com-本子漫画全彩图片| www.566802.com-968彩票代玩| www.645318.com-青岛福彩一等奖| www.731021.com-vr彩票官方网站| www.809177.com-七星彩预测中奖概率| www.869933.com-百度彩票开奖公告| www.952831.com-浙江体彩大乐透开奖| www.990624.com-江苏省体育彩票中心| www.po28.com-山东福彩网群英会| www.065356.com-彩铅画人物图片| www.154285.com-蓝彩开奖-| www.233307.com-重庆快三是真是假| www.299030.com-彩票开奖查询公告丨| www.362875.com-彩票节假日休息几天| www.458095.com-怎样看彩票走趋势| www.550633.com-买彩票中了1千万| www.632457.com-中国彩票app下载| www.690956.com-wap竞彩足球| www.756386.com-盈彩app官方网| www.813241.com-e球彩中奖方法| www.875246.com-怎么下载彩票坊| www.934478.com-快三是真的么| www.974382.com-彩虹旗图片-| www.cp8158.com-易彩快3开奖规律| www.803660.com-双色牛彩藏机图| www.me57.com-糖果彩彩票-| www.pz03.com-567彩票官方版| www.tm51.cc-中国体彩报推荐| www.ui53.com-快三选号助手手机版| www.37xb.com-彩陶王酒报价| www.479017.com-竞彩足球加奖软件| www.592030.com-安装七星彩开奖结果| www.49112.com-时时彩那个最正规| www.024888.cc-体育彩票奖池情况| www.787012.com-全民竞彩网-| www.ee89.com-彩票规则说明| www.296057.com-福彩开奖3d中彩网| www.414110.com-精彩什呈-| www.582672.com-网络彩票输了十万| www.651100.com-法国水彩画家作品| www.814114.com-彩吧图迷第三板| www.9864.cn-彩画的样式有哪些| www.867570.com-19017七星彩| www.806708.com-网络上还能买彩票吗|