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.y93.club-新宝5彩票下载安装| www.0538.live-中国金手指体彩报| www.15798.cc-少儿彩铅画图片| www.72782.com-竞彩五百万-| www.086051.com-分分彩包赚不输| www.346429.com-福、彩3d走势图| www.fq93.com-安徽快三当前遗漏号| www.192929.com-甘肃福利彩票官网| www.349948.com-周日哪个彩票开奖| www.482610.com-彩菊字的含义| www.333669.com-中彩票后让父母领奖| www.435834.com-七星彩局王2018| www.536020.com-网上哪种彩票真实| www.377458.com-男方家因彩礼分手| www.605212.com-孕妇梦到买彩票中奖| www.689848.com-网易彩票彩票开奖| www.769464.com-怎样看体彩中奖规则| www.362332.com-福利彩票今天| www.326717.com-排三南方双彩试机号| www.297990.com-兰州彩票店转让| www.8276.biz-江西福彩下载安装| www.951149.com-九号彩票手机登录| www.cp2345.cc-百盈快三怎么玩| www.613666.cc-彩票带赚-| www.725287.com-中国彩票与赌博| www.122466.com-皇家彩世界在哪下载| www.mp02.com-体彩是有几位数组成| www.255424.com-彩2神争霸-| www.1nb.com-亚博博彩-| www.984241.com-福彩快乐十二选五| www.qo76.com-河北福彩快3遗漏表| www.206750.com-038彩票平台| www.977084.com-订婚退彩礼-| www.gr0.cc-精彩十分开奖号| www.gl75.com-彩票中奖指南| www.622518.com-彩涂钢板图片| www.739297.com-买彩票幽默图片| www.860099.com-破解快三软件下载| www.962159.com-福利彩票最新规定| www.bg06.com-兼职刷彩金有危险吗| www.i59.org-福彩微信公众号| www.79wp.com-网上哪里足彩购买| www.5782.top-手机彩票哪个好| www.279663.com-分分彩技巧与方法| www.421125.com-足彩代理-| www.542053.com-36o彩票一购彩| www.858467.com-彩票公司是谁开的| 全民彩票www.qm26.com| www.wr00.com-好彩票网站安全吗| www.80rh.com-银河彩票网可以信吗| www.8222.mobi-cc12彩票-| www.64443.cc-外围体育竞彩app| www.088350.com-中彩网压大小| www.216175.com-快三大发-| www.340083.com-南洋彩开什么| www.606607.com-宏发彩票合法吗| www.830971.com-排三新彩网手机站| www.965923.com-福利彩票多少种排列| www.a91.top-彩计划下载v2·0| www.81al.com-118彩图大全| www.5450.vip-彩35是正规平台吗| www.35882.cc-中信彩票网址| www.007407.com-幸运彩票苹果app| www.122126.com-足球彩票专家预测| www.19779.com-嘉兴福利彩票阮春| www.003505.com-说买彩票的幽默话语| www.139207.com-共享彩票下载| www.284833.com-福彩快3跨度走势图| www.433123.com-银菜彩票-| www.602825.com-百乐彩合法吗| www.42872.com-中彩网擂台赛参考| www.502198.com-2018东平彩礼| www.758658.com-顶尖彩票靠谱吗| www.nf94.com-天天红单彩票| www.8768.hk-易经与彩票中的规律| www.95372.com-彩票属性-| www.180532.com-234彩票app-| www.892307.com-快乐彩22选1软件| www.985087.com-赢彩彩票是不是骗局| www.17qs.com-福彩5码01-| www.5829.wang-亚上彩官网-| www.020549.com-福彩旗下-| www.143818.com-得乐彩票app| www.332456.com-彩票提现需要流水| www.954415.com-高频彩票开奖网站| 开心彩票www.719113.com| www.579142.com-彩民守号中奖| www.753918.com-中国福彩极速快3| www.tx57.com-快三什么情况要顺龙| www.3183.vip-彩珉网333期预测| www.111592.com-5058彩票-| www.358613.com-中国体育彩票输赢| www.708088.cc-竞彩误差是什么| www.ht38.com-黑龙江福利彩票| www.18vh.com-七乐彩开奖时间| www.182010.com-北京快三奖金规则| www.358140.com-博友彩的邀请码分享| www.567450.com-快三顺子中了多钱| www.db39.com-彩神网平台下载| www.491572.com-苹果6s彩膜-| www.635882.com-彩票打水方法| www.659479.com-天下彩天空网| www.894012.com-财神彩票官方网站| www.jb56.com-辽宁省体彩兑奖地址| www.215.tv-玩彩的软件-| www.8183.net-高频彩包括什么彩| www.39987.com-彩90.cm彩票| www.739001.com-体彩福彩全假的| www.22nc.com-159竟彩足球| www.16839.cc-福彩双色球谜语总汇| www.6284.biz-3d彩图今天-| www.97782.cc-彩光嫩肤-| www.42905.com-天津彩票快乐十分| www.s77.top-福彩3d今晚开奖吗| www.329760.com-中国乐彩网吧| www.567700.com-二四六天天好彩玄图| www.351455.com-时时彩是不是合法的| www.075535.com-职业买彩票为生的人| www.696775.com-时寸彩宝典-| www.739302.com-吉祥彩娱乐平台网址| www.318024.com-黄金8彩票网快5| www.459966.com-福利彩世界总代理| www.594260.com-万豪福彩-| www.777000.com-彩6官方下载ios| www.5403.xyz-猜12生肖彩票软件| www.57055.cc-福彩三d字迷总汇| www.494000.com-天天彩报纸-| www.081204.com-淘金网买足彩骗局| www.6131.wang-如意彩app-| www.51ke.com-竞彩篮球购买热线| www.338631.com-彩票高频彩-| www.32456.com-彩88彩票首页| www.573910.com-中国彩票十大牛人| www.666933.com-大乐透走势图体彩| www.82ah.com-数字三彩神通| www.713706.com-河北快三走是图| www.9359.me-福建体彩泉州聊天室| www.97so.com-39彩票下载-| www.222203.com-彩票几天开一次| www.267167.com-足彩新浪必发指数| www.11359.com-易记彩票是什么网站| www.232543.com-竞彩足球任九玩法| www.11698.cc-体彩排三推荐汇总| www.066556.com-亚洲慱彩app| www.g21.club-彩票解太湖-| www.97tt.com-竞赢彩票下载| www.554255.cc-宣传体彩标语| www.46793.com-在线计划时时彩| www.ve24.com-河南省体彩兑奖中心| www.go30.com-河北福利彩票快三| www.38676.cc-足彩快报最新版本| www.845617.com-体彩足球竞彩二等奖| www.960907.com-微信快三骗局解密| www.rb78.com-腾讯时时彩怎么投注| www.2828.pro-福彩选4d开奖号码| www.112467.com-下载679彩票| www.781943.com-什么叫黑彩票网站| www.800044.cc-福彩票开奖号| www.972412.com-彩铅画人物教程图解| www.169267.com-安徽快三下载| www.386538.com-双彩网排三排五论坛| www.999532.com-福彩3d012路| www.153248.com-158彩票安全吗| www.212780.com-彩票黑平台-|