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.id56.com-黑龙江福彩22选5| www.973174.com-彩虹秒赞授权| www.214808.com-4亿彩票官网下载| www.18vz.com-泰安福彩中奖新闻| www.797693.com-彩民彩票撤销订单| www.3lp.com-舍彩女装旗舰店天猫| www.267559.com-彩票中奖后投注倍数| www.382597.com-胜负彩19004期| 众发彩票www.656zf.com| www.097357.com-体彩实体店哪个靠谱| www.187297.com-时时彩和值走势图| www.302940.com-博彩娱乐网址平台| www.532869.com-七星彩奖表长图| www.311905.com-甘肃福彩体彩年度| www.593690.com-广州七波彩国际真假| www.381761.com-点击进入精彩内i容| www.j99.net-体彩竞彩足球结果| www.71el.com-华彩生活登录不了| www.0584.link-彩票专用表情gif| www.014865.com-东北彩王的故事| www.768669.com-快3爱彩乐-| www.709969.com-求一个体彩店微信| www.819872.com-上海体彩客服电话| www.194008.com-一分快三计划精准版| www.358167.com-彩票中奖了如何领取| www.488895.com-go彩刷流水可靠吗| www.829952.com-澳门博彩足球赔率| www.22qo.com-购彩之家993| www.220340.com-乐彩客app官网| www.160698.com-彩票走势图乐彩网| www.5zl.com-满堂娱乐彩票| www.174605.com-快三平台哪个个好| www.311985.com-网賺红旗彩票靠谱吗| www.833311.com-新时时彩专业版软件| www.141101.com-43cc看彩结果| www.254668.com-我要注册重庆时时彩| www.804450.com-福州体彩十一选五| www.885955.com-内蒙古体育彩票站点| www.975051.com-福彩可以网上投注吗| www.cp9957.com-福彩自助快三下载| www.qp20.com-电脑彩报-| www.086935.com-官方彩福彩票| www.0684.me-106官方彩票网站| www.843823.com-重庆时时彩最新消息| www.608844.com-秒速赛车荣鼎彩| www.710655.com-网賺彩票是真的吗| www.461044.com-360黑彩平台| www.949385.com-福利彩票大奖| www.21982.com-135345赢彩天| www.507219.com-在百度怎么买彩票| www.603823.com-足彩加老版本| www.686093.com-七星彩直播播| www.797500.com-金牌98c彩票网投| www.885116.com-全球彩票下载| www.991500.com-安徽福彩下载| www.de19.com-江苏快三预测网| www.1347.vip-彩票时间怎么修改了| www.8896.vip-竞彩8串8能错几场| www.62213.cc-稳定老娱乐购彩平台| www.113939.com-彩涂铝卷加工| www.316344.com-荣誉彩票-| www.055389.com-安徽福彩快三主页| www.761071.com-关于结婚彩礼钱| www.076847.com-福彩3d独胆-| www.tn18.com-盛兴彩票骗局| www.546518.com-福利彩票站怎么转| www.75er.com-多彩娱乐用户登录| www.5262.top-彩票站营业时间时间| www.44218.cc-彩易网字谜图谜大全| 天下彩www.505680.com| www.046601.com-福彩彩票机换纸视频| www.367252.com-5588彩票-| www.60545.com-nba体彩怎么玩法| www.414193.com-精彩含义-| www.456693.com-彩票诗-| www.910411.com-优彩彩票官网| www.993055.com-360彩票新快3| www.ae07.com-牛蛙彩票香港正版| www.ve80.com-大发快3彩票官网| www.513620.com-彩钢门头-| www.596701.com-福利彩票返利多少| www.38in.com-彩铅脸部上色技巧| www.140.cn-彩虹谷在哪-| www.5486.xyz-彩虹六号本子百度云| www.917286.com-新彩彩票是真的吗| 500万彩票网www.808910.com| www.rn47.com-买彩票输的倾家荡产| www.1028.red-怎样购买大乐透彩票| www.7664.vip-福彩机器更新多少钱| www.055033.com-福利彩票号码是哪些| www.156261.com-彩票随机号生成器| www.592066.com-国家福利彩票快三| www.961004.com-时时彩678倍投| www.e77.org-七乐彩现场直播节目| www.44rz.com-汉中福彩彩票站转让| www.0099.vip-彩票有哪几类| www.87654.cc-唯彩篮球-| www.039646.com-彩票之家合法吗| www.47is.com-彩仙小神瓶奖金制度| www.280398.com-乐8网彩票-| www.379385.com-彩票中大奖感受| www.335954.com-体育彩票有几种买法| www.479777.com-竞彩单场比分规则| www.936098.com-五星彩开奖直播现场| www.994875.com-彩票号码预测准确法| www.dd24.cc-七乐彩除4走势图| www.197624.com-重庆体彩快三走势图| www.741615.com-安徽新快三开奖号| www.847009.com-澳门足彩必发交易量| www.908098.com-出售彩票源码| www.965675.com-今天i海快三开奖| www.cp716.com-安徽体彩十一选五| www.466881.com-宏盛彩票官网| www.630039.com-明天3d彩票出奖号| www.278298.com-599彩票苹果版| www.8814.net-阿里淘彩下载| www.43171.com-中彩网双色球搞台赛| www.1145.in-登陆晨兴彩票| www.232060.com-今日福彩3d字画| www.954324.com-浙江福彩中心| www.lh67.com-中彩彩票aqq| www.369467.com-搜索彩票开奖公告| www.30196.com-揭秘时时彩骗局| www.539459.com-接手体彩-| www.807804.com-彩票中奖的图片| www.dr84.com-福彩快三怎么下载| www.455940.com-彩票意外中奖故事| www.837396.com-巨彩平台-| www.895707.com-广东快三是官方的吗| www.966293.com-即开彩app官网| www.cp7888.cc-体彩网足球比分| www.771254.com-彩虹六号游戏视频| www.cb8.com-广西快三推测| www.309066.com-导师带你买彩票赚钱| www.889055.com-8k彩票官方主页| www.lg2.com-甘肃省快三开奖遗漏| www.19fi.com-彩仙阁可信吗| www.117335.com-足球十四场胜负彩| www.396405.com-彩虹六号头像| www.590219.com-七星彩万能三码| www.301150.com-中彩吧-| www.17212.cc-为什么彩票没有发票| www.7996.cm-体育博彩推荐| www.751347.com-今日彩票是不是假的| www.827608.com-3分彩软件-| www.884402.com-福彩3d五行看和值| www.975327.com-购买王牌彩票靠谱吗| www.cai2522.com安徽福彩快3| www.lj37.com-中彩拉到哪里领奖| www.zn36.com-快三怎么骗局揭秘| www.446938.com-今晚竞彩推荐| www.123684.com-七彩奖下载-| www.415896.com-竞彩足球输了就倍投| www.7555.in-凤凰彩票传销| www.23420.com-四季彩登录平台| www.72982.com-198彩注册平台| www.777354.com-江西快三最大遗漏值| www.062639.com-鸿运彩app-| www.192105.com-河南福彩一定牛快三| www.s16.bid-江苏老快三开奖号| www.53rs.com-彩赢168下载安装| www.870.cm-重庆时时彩五星缩水| www.8941.cc-什么叫地下彩票| www.007834.com-全国各种彩票开结果|