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天

知道了
9彩注册 www.9185.xyz-超市活动送彩票| www.62687.cc-体彩快乐扑克三| www.583910.com-88彩票网官方入口| www.657417.com-湖北体彩中奖查询| www.740878.com-3d澳门彩报2| www.846660.com-小崔看体彩-| www.386680.com-赢彩专家破解| www.506299.com-彩票大小软件| www.101206.com-排列三字谜乐彩网| www.974769.com-无锡彩民中奖体彩| www.io21.com-微彩娱乐app| www.o57.com-体育彩票是怎么买的| www.77rb.com-彩票行业的五行| www.122770.com-彩c788-| www.324385.com-彩票网址大全网址| www.463608.com-天天好彩二四六| www.601960.com-七星彩的图片| www.um78.com-安徽快三软件| www.557763.com-福彩双色球杀红号| www.387368.com-派彩是反水的意思吗| www.130689.com-有人玩江苏快三吗| www.105347.com-海南四星彩票缩水| www.154433.com-昨晚7乐彩开奖号码| www.195456.com-破解彩票算法的漏洞| www.338555.cc-高频十分彩开奖| www.440755.com-天天好彩app下载| www.559648.com-双彩论谈3d字谜| www.678416.com-国彩在线登录| www.790169.com-彩名堂计划怎么看| www.912711.com-彩客吧有了解的吗| 凤凰彩票www.77803i.com| www.250508.com-彩票全能中彩可靠吗| www.410688.com-天天中彩票下载不了| www.252700.com-微彩开奖计划骗局| www.345876.com-足球彩票奖金计算器| www.95768.cc-福利彩票公益| www.126157.com-彩票带人回血靠谱吗| www.693569.com-湖北快三开奖下载| www.833982.com-炫彩皮肤什么意思| www.ku94.com-七天彩票是骗局吗| www.29bl.com-福建体彩在线投注| www.4222.vip-国际福彩是什么意思| www.1186.me-彩657-| www.078857.com-七星彩计划-| www.638731.com-800万彩票网站| www.794506.com-新彩吧图迷总汇| www.906826.com-容易中奖的彩票数字| www.981137.com-彩票合买代购软件| www.tl3.cc-今日体彩开奖号| www.484369.com-三分快三风彩| www.892611.com-彩票27-| www.42608.com-大乐透彩票几点停售| www.761952.com-足球竞彩彩票软件| www.jo35.com-网络套彩金算违法吗| www.804695.com-管家婆彩色-| www.ni5.com-内蒙快三开奖结果啊| www.29515.cc-彩网易彩票网| www.561820.com-306好彩票-| www.674949.com-福利彩票快乐彩查询| www.793908.com-彩票电脑版网页登陆| www.908089.com-做彩票代理被报警| 500彩票www.50052w.com| www.a48.pw-快三职业彩民| www.461866.com-3b牛彩网图谜总汇| www.566014.com-金彩网网址-| www.678313.com-彩摘网牛彩网彩摘网| www.799114.com-彩票注册送彩金活动| www.258739.com-今日竞彩推荐310| www.332591.com-中国福利彩票3d| www.394155.com-天下天空彩免费大全| www.505468.com-天悦体彩店安全吗| www.576776.com-彩票维护需要多久| www.916780.com-彩票台子收集网| www.980587.com-彩票77苹果版| www.gl5.com-快三全天计划网页版| www.oh86.com-福彩开奖查询询| www.3fo.com-小伙捡过期彩票| www.59oh.com-竞彩限售99倍投| www.9369.biz-101亿元彩票| www.s23.online-吉林快三历史奖号| www.7820.in-767定律足彩| www.234170.com-快开福彩是不是骗局| www.369311.com-福彩六十一开奖查询| www.520974.com-体彩7位数中奖查询| www.619948.com-福彩有多少种组合| www.581615.com-吉林快三小窍门| www.662310.com-龙虎时时彩怎么代理| www.753070.com-星空彩票安卓| www.7823.top-竞彩对冲二串一理论| www.49328.com-齐鲁彩票双色球开奖| www.388165.com-星空彩票提现| www.524380.com-彩票能用凯利公式吗| www.26xp.com-彩票有扫码-| www.110059.com-7星彩预测最准专家| www.90em.com-天吉网彩吧论坛首页| www.4541.wang-八马彩票平台| www.cl5.cc-什么叫江苏快三| www.130454.com-彩票的中奖规律| www.045178.com-福利彩票5分钟开奖| JJ彩票www.22010.cc| www.198614.com-上海快三一定牛今天| www.486825.com-足彩定胆是什么意思| www.591487.com-977彩票怎么样| www.211242.com-彩吧3d图谜第二版| www.gj38.com-环球彩-| www.2476.shop-竞彩网首页彩票| www.vs11.com-彩票快三安徽| www.211105.com-安徽快三网上投注| www.105669.com-709官方彩票| www.3045.org-江苏省体彩7位数| www.61sa.com-旺彩开奖号公布所有| www.30378.com-3的双彩图-| www.31504.com-快三私庄-| www.245.tv-华盛娱乐时时彩平台| www.381972.com-买彩票是几位数| www.601820.com-中彩票13亿-| www.740374.com-澳門彩票有限公司| www.900078.cc-逍遥宫彩票平台下载| www.653879.com-江西快三跨度五百期| www.2281.in-彩票app注册送钱| www.247232.com-上海市体彩管理中心| www.8785.vip-al彩票人工智能| www.023975.com-买足彩输的家破人亡| www.107813.com-中华彩票中福快3| www.270607.com-第一彩票下载安装| www.936710.com-自助彩票机代理| www.313.tv-领航时时彩在线计划| www.460904.com-网上买彩票去哪买| www.593741.com-久久彩票正规网站吗| www.790581.com-贵州福彩怏三公式| www.854427.com-体彩星期三开什么奖| www.902426.com-彩票店做外围| www.455594.com-区块彩票系统| www.131890.com-全国结婚彩礼排行榜| www.200150.com-腾讯分分彩平台| www.501223.com-福彩3d久久彩吧| www.366317.com-河南省彩票中心在哪| www.764977.com-七星彩湛江彩版网| www.lw07.com-时时彩平台出租价格| www.650792.com-创意水彩建筑| www.447770.com-重时时彩三星走势图| www.016544.com-纳彩是什么意思| www.116977.com-体彩七星彩机选号码| www.768345.com-黑红梅方彩票机| www.yj14.com-安微省快三开奖| www.72505.com-网上玩彩的安全平台| www.271258.com-甘肃快三和值表图| www.507070.com-彩浪彩票网-| www.ss02.com-时时彩心得与技巧| www.585.tv-鼎盛彩票网安| www.49583.com-中国足彩培训师| www.019090.com-陕西彩旗-| www.097883.com-双色球预测大师旺彩| www.176503.com-安徽福彩快三结果| www.4557.cn-九九彩玄机精华帖| www.55315.com-香港博彩堂-| www.026053.com-淘宝彩票诈骗| www.127504.com-彩虹世界男同软件| www.209845.com-鸿运彩票网合买平台| www.398954.com-cpt彩票通-| www.501786.com-棒棒彩票真假| www.381428.com-足彩结果查询任九| www.570769.com-福彩3d专家晒票| www.688699.cc-广东福彩电话投注|