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.25699.cc-彩乐乐杀号定胆| www.009245.com-体彩黑龙江6加1| www.089120.com-福彩吉林快三登录| www.484811.cc-体彩宁夏11选五| www.629675.com-幸运彩票漏洞| www.757455.com-注册彩票送礼金| www.984055.com-大乐透预测彩吧网| www.nu76.com-288彩票网-| www.56xd.com-湖南省体彩官网下载| www.84614.com-彩色混凝土多钱一方| www.765208.com-手机博彩作弊软件| www.070044.com-体育彩票中奖图片| www.007248.com-体育彩票店的图片| www.55685.com-下载七星彩开奖表| www.392857.com-昨天彩票-| www.537062.com-中奖彩票头像| www.633622.com-七彩教育绽放七彩| www.220435.com-一分快三开挂| www.25232.cc-彩铅技法-| www.703089.com-福彩手机投注app| www.822224.com-5oo彩票下载| www.965451.com-火箭彩票是什么| www.qf82.com-一定牛老版本彩票网| www.545587.com-长沙去哪里申请福彩| www.654952.com-海南七星彩下载软件| www.749177.com-彩虹100-| www.817883.com-彩票专业计划团队| www.894847.com-周一中国3福利彩票| www.98aw.com-胜彩彩票是真的吗| www.8543.cn-福彩消宝石-| www.52987.cc-时时彩资金分配方案| www.021207.com-山西福彩官网| www.696510.com-季儒彦教授研究彩票| www.739241.com-凤彩网彩票杀号| www.878572.cc-竞彩1球最稳的买法| www.cai5158.com湖北快三规则| www.om93.com-江苏快三当前遗漏| www.43ol.com-豫彩通app下载| www.2387.space-新西兰彩票种类| www.04131.com-彩麒麟骗局-| www.013610.com-七星彩这期规律图| www.97zh.com-玩黑彩犯法不| www.5667.top-马来西亚的体彩平台| www.22916.cc-福彩3d作假吗| www.850402.com-福彩怪字神第二版| www.460877.com-皇冠彩票代理| www.018990.com-老版腾龙时时彩| www.183084.com-江苏福彩快三下载| www.bt6.cc-高频彩骗局-| www.278908.com-彩票投资骗局揭秘| www.426726.com-快三直选奖金多少| www.525256.com-重庆福彩店-| www.323202.com-123体彩-| www.723229.com-江苏彩票中奖| www.799350.com-彩票自助销售终端| www.878406.com-江西体彩有哪些玩法| www.957276.com-盈彩美女直播| 天天彩票www.160883.com| www.vs24.com-福彩五码最大遗漏| www.8317.top-福彩3d500万| www.43308.com-大乐透旺彩查询| www.304747.com-体彩浙江11选五| www.407477.com-七星彩开奖号码走势| www.529640.com-体育彩票浙江6+1| www.cw40.com-900彩票靠谱吗| www.524747.com-凯利公式用于彩票| www.960584.com-揭秘极速赛车彩票| www.ha4.com-福彩老头三d| www.vg10.com-国彩彩票是骗局吗| www.64sj.com-足彩牛人微信公众号| www.9166.link-宁海体彩店骗人| www.83373.com-最科学分析彩票方法| www.392929.com-明天彩票会出什么号| www.572615.com-人工计划时时彩| www.687587.com-非凡彩票专注原创| www.801752.com-福彩一体机监控下载| www.28404.com-内蒙古快3高频彩| www.351254.com-极彩色-| www.449560.com-怎么玩转彩票| www.pe53.com-快三一分钟一期| www.8186.in-怎么快速查彩票中奖| www.506983.com-快3亿彩-| www.77386.cc-手机彩票能玩吗| www.075323.com-鸿运彩票靠谱吗| www.9735.biz-彩八仙在线网页版| www.93997.com-ig传统彩票-| www.132836.com-世界杯在哪买彩票| www.324863.com-掌上彩票下载| www.528322.com-怎么破时时彩的规律| www.668521.com-1分彩开奖记录| www.781264.com-彩吧3d试机号查询| www.919497.com-app彩票软件平台| www.978895.com-快三如何倍投| www.cai3399.com时时彩-| www.kb65.com-41c彩票网站| www.a35.com-九千万彩票网| www.539273.com-体彩店转让昆明| www.884741.com-亿彩堂下载-| www.cp3392.com-河南彩妆店加盟| www.868844.com-能买七星彩的软件| www.gg67.com-七星彩开奖中奖规则| www.909728.com-东北人风彩-| www.595009.com-辽宁唯博彩票| www.997294.com-彩猫下载-| www.ry75.com-财神彩票app| www.156340.com-好彩堂四肖中特| www.536595.com-买彩票的途径| www.850229.com-qq分分彩投注平台| www.166150.com-江西快三走势图| www.319657.com-中国福彩千禧3d| www.7dj.cc-生日号码买彩票中奖| www.216217.com-彩票数理九宫八卦图| www.139640.com-晨兴彩票骗局| www.397265.com-彩票信用盘开户| www.634029.com-滕州市七彩教育集团| www.852632.com-下载多彩宝app| www.966440.com-彩经彩票手机下载| www.gz33.com-盈彩在线属于诈骗吗| www.67cf.com-太原彩票-| www.137226.com-网上七彩是骗局吗| www.716557.com-儿童星空彩铅简笔画| www.874855.com-拉菲装饰彩票| 奔驰彩票www.501866.com| www.wa64.com-昨天体育彩票排列五| www.5747.top-天空采彩票与你同行| www.898662.com-时时彩挂机软件骗局| www.358050.com-彩票4月-| www.70pn.com-河北体彩排列五走势| www.552045.com-龙虎彩票-| www.317932.com-百赢计划彩票| www.fm3.cc-个人玩时时彩犯法吗| www.sl56.com-天津时时彩软件分析| www.1tn.com-印度乐透彩开奖记录| www.53es.com-家家好彩玄机图| www.83sy.com-599彩票iso-| www.39gb.com-彩库宝曲开码结果| www.1197.cc-彩票路珠怎么分析| www.13713.cc-重庆试试彩开奖| www.558112.com-参与网络博彩犯法吗| www.679891.com-网络彩票销售好做吗| www.749156.com-兴罗彩砖厂-| www.848252.com-砀山天价彩礼| www.911682.com-福彩3d拖拉机玩法| www.965414.com-福利彩票预测总汇| www.jy24.com-天天彩票-| www.b93.org-合法彩票网站| www.768747.com-好彩网信誉怎么样| www.qx13.com-即开型彩票靠谱吗| www.10dl.com-网络福彩被骗| www.80ei.com-时时彩后四直选单式| www.351678.com-在亚洲彩票上输钱| www.446112.com-68彩票网是什么| www.704660.com-彩票凭密码兑奖| www.008116.com-7位数江苏体彩网| www.261981.com-河北27号快三开奖| www.345054.com-天天有彩票棋牌| www.497373.com-什么是13彩-| www.811087.com-彩票走势图彩助手| www.237498.com-辽福彩-| www.66660.com-福彩在哪兑奖| www.80if.com-北控国彩是传销的吗| www.888119.com-谁有福彩网邀请码| www.964639.com-网络彩票破解方法| www.296120.com-广西快三关注号码|