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.65gj.com-老徐说彩-| www.t89.top-福彩快三江苏三不同| www.9927.online湖北福彩快乐三| www.813811.com-福彩41期-| www.86ri.com-9b彩票会员登录| www.379258.com-9号福利彩票| www.xs4.cc-福彩10选5官网| www.489864.com-2345彩票网登录| www.up33.com-鸿彩网直播间| www.8516.org-福彩游戏机怎么赢钱| www.020087.com-体彩大乐透吧| www.171236.com-上海快三漏-| www.035086.com-青岛福彩快三技巧| www.938458.com-福建体彩交流群| www.677083.com-彩色压模混凝土| www.952081.com-加拿大28彩票| www.th55.cc-体彩时时彩玩法规则| www.029028.com-彩神大发快三下载| www.540091.com-二元彩票排列3| www.rv15.com-网上做彩票托的经历| www.02062.com-老公买彩票欠下债务| www.387252.com-ag体育博彩-| www.592296.com-彩虹无人机发动机| www.2sy.com-体彩店没有双色球吗| www.995314.com-香港五分彩的规律| www.873781.com-旺彩3d开奖结果| www.357710.com-彩票中奖让爸妈领奖| www.108146.com-玩时时彩能赚钱吗| www.223319.com-齐鲁风采七乐彩查询| www.442163.com-掌上福利彩票双色球| www.882429.com-中彩福彩3d讨论区| www.984245.com-福利彩票机选号好吗| www.ea17.com-福彩快三最简单玩法| www.90ca.cc-电竞博彩业-| www.42ml.com-湖南福彩数字3| www.486563.com-陕西体彩大奖| www.654445.com-体彩代销费结算| www.786326.com-体彩大赢家走势图| www.906826.com-容易中奖的彩票数字| www.975619.com-环彩网app下载| www.cai8499.com今天福彩出奖结果| www.mk42.com-正规足球竞彩app| www.092174.com-345彩票软件| www.5cz.cc-今日凤彩网3d字谜| www.027886.com-093彩票公司在哪| www.639184.com-体彩密测电话号码| 网易彩票www.061wy.com| www.356705.com-公司送彩票中大獎| www.j11.org-深圳福彩网开奖结果| www.1253.la-乐彩网最新开奖公告| www.433433.cc-贵州买彩票外省兑奖| www.580116.com-一句话赢大钱彩图| www.5541.me-买足彩软件哪个好| www.356293.com-彩票分析算法| www.524323.com-福彩快乐12规则| www.038229.com-爱彩乐软件怎么样| www.551017.com-彩宝典网站-| www.308848.com-彩票大乐透开奖时间| www.99yy.com-体育彩票几种玩法| www.38jl.com-国家博物馆彩陶王| www.do3.cc-极速快三插件| www.wl10.cc-01彩票下载-| www.29uz.com-彩铅画教程简单好看| www.083699.com-彩票群炒群常用话语| www.2568.cm-808彩吧网址| www.730212.com-78彩票登录-| www.861138.com-合肥市体彩中心电话| www.963640.com-菠萝彩-| 虹彩集团www.011888a.com| www.lc90.com-河北冀彩宝-| www.440169.com-下载贵州体彩| www.cf28.com-黑彩平台快三| www.65oj.com-大连福利彩票官网| www.011610.com-福彩5分钟一期的| www.875393.com-神州彩票app登录| www.16qc.com-今日彩票开始了吗| www.484433.com-福彩3地图谜| www.115444.com-彩钢瓦屋顶光伏支架| www.32671.cc-198彩平台登录| www.cai0789.com北京快三遗漏| www.8713.org-年终奖彩票中奖| www.577985.com-鄂彩女装是品牌吗| www.639889.com-购彩吉时1216| www.702159.com-快三开奖河南| www.770802.com-时时彩推广图片| www.831596.com-日本7亿彩票怎么买| www.890247.com-购买网络彩票合法吗| www.958274.com-鸿运彩票是合法的吗| 彩之家www.21czj.com| www.8857.vip-美狮彩票计划| www.836448.com-五百彩票极速快三| www.105069.com-正规体育彩票软件| 彩票3www.890723.com| www.6494.com-开心彩票官网| www.455515.com-国乐彩在哪下载| www.591509.com-永利彩票app下载| www.669419.com-彩票选号器软件| www.775369.com-体彩发行时间| www.876022.cc-体彩六加一开奖号码| www.953234.com-贵宾中彩-| 幸运彩票网www.33598f.com| www.932144.com-彩宝网官方网址| www.cp906.cc-福建快三一定牛预测| www.35569.com-快三杀号技巧文库| 大赢家彩票www.599210.com| www.075955.com-彩票达人彩票牛人| www.411966.com-怎样下载彩视| www.148298.com-中彩彩票安卓版| www.775196.com-七星彩不太好中奖| www.857254.com-互娱彩票贴吧| www.916443.com-天下一第彩票开奖| www.969227.com-谦喜彩票网址| 网易彩票www.163135.com| www.388720.com-福彩3d和值遗漏表| www.512052.com-简单彩铅画小清新| www.577111.cc-乐凯彩票人人猜球| www.653817.com-华人彩怎么注册| 博亿彩票www.636by.com| www.hv90.com-众彩网专家汇总| www.47wt.com-申请彩票站多少钱| www.331757.com-湖北省体彩中心地址| www.495290.com-彩漂能洗彩色衣服吗| www.918060.com-900彩票官网| www.991178.com-可乐彩票官网| www.hk30.com-旺彩预测软件下载| www.95153.com-儿童彩妆的画法| www.647655.com-广东时时彩开奖号码| www.729213.com-下载瑞彩祥云| www.798159.com-app易彩乐彩票| www.872387.com-下载彩吧助手| www.00ch.com-现在的彩票还能买吗| www.03805.com-彩票还要继续买吗| www.228250.com-驻马店彩礼-| www.306600.com-福彩18选7-| www.366648.com-清乾隆古铜彩双耳炉| www.634499.com-昨天七星彩开奖号码| www.698108.com-湖北快三昨天开奖号| www.765531.com-幸运天天中福彩| www.819790.com-星座选择彩票| www.882673.com-福彩时时乐开奖结果| 皇家彩票www.hj8987.com| www.256905.com-手机中彩啦软件| www.317882.com-永利彩票-| www.373933.com-语文故事中彩那天| www.455647.com-深圳福彩区块链| www.35qv.com-台码福星彩资料| www.501511.com-易玩彩票-| www.36129.cc-爱彩乐福建11选5| www.521388.com-时时彩停了吗| www.893267.com-免费彩票组合软件| www.965253.com-乐彩网众家谈| 百姓彩票www.bxcp3.com| www.wv43.com-6合万彩王中王| www.08qs.com-古风美人彩铅画图片| www.933343.com-牛彩排三预测| www.979464.com-龙彩票-| www.cp6868.com-安装安徽快三彩票网| 彩世界www.99788j.com| www.085705.com-哪个彩票网站高反水| www.426633.com-足彩凯利方差app| www.541328.com-网络彩票寻找合伙人| www.632191.com-cp77趣彩测试| www.708413.com-中国体育彩票竞猜网| www.791035.com-福彩双色球手机选号|