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天

知道了
1分快三 www.585766.com-彩票七彩乐-| www.662672.com-彩名堂苹果怎么下载| www.843488.com-优秀彩票业主演讲稿| www.751706.com-彩票怎样买中奖率大| www.241794.com-七星彩怎么玩法介绍| www.576892.com-人人中彩票最新消息| www.725795.com-一出好戏的彩票号| www.ta.com-吉林彩票快三| www.vm66.com-彩票如何看走势图| www.5206.wang-福彩申请流程| www.361852.com-内蒙古福彩中心在哪| www.465557.com-足彩量化模型公式| www.576346.com-中国福利彩票网山西| www.660093.com-数字游戏机彩票玩法| www.744212.com-如何下载彩虫app| www.839589.com-请查一下福利彩票| www.917608.com-3d多彩集成墙饰| www.979315.com-内蒙古快三统计表| www.og.com-彩票数字3开奖结果| www.692804.com-买彩网官网-| www.201710.com-购彩大厅登录| www.770382.com-彩乐汇彩票官方网站| 金彩www.983jc.com| www.280.cx-最新够力七星彩画板| www.5861.wang-彩票可以拍照兑奖吗| www.281106.com-非法经营彩票案| www.047237.com-22彩票平台幕后| www.150529.com-彩八可以在哪里下载| www.66sf.cc-拉菲2彩票合法吗| www.2528.net-香港玩彩网-| www.9928.com-好彩网论坛3d| www.561297.com-彩票交流网-| www.643333.cc-海南体彩电话购彩| www.775942.com-福彩有哪些高频彩种| www.948409.com-好彩店彩票下载| 500彩票www.50051b.com| www.57673.com-1.5分彩-| www.353058.com-兼职网上购彩可靠吗| www.490999.com-腾讯十分彩开奖助手| www.588479.com-七星彩7197-| www.992458.com-旺彩号码库-| www.id99.cc-江苏快三在哪里买| www.b15.online-周一什么彩票开奖| www.7276.cm-儿童彩虹绘画图片| www.421709.com-竞彩胜平负比分结果| 彩多多www.78949r.com| www.hk93.com-足彩奖池-| www.yn95.com-网上买彩票骗局| www.777432.com-澳客赢家彩票客户端| www.788709.com-足彩买量比-| www.860383.com-2019彩票开奖| www.918075.com-彩票网站搭建流程| www.977122.com-彩礼的谈判案例| www.cai4633.com快三连线走势图| www.326802.com-财政部控制体育彩票| www.405118.com-体彩七星彩彩经| www.510838.com-彩玉摆件-| www.575408.com-陕西最近彩票大奖| www.874487.com-老杨说彩-| www.956034.com-今天双色球彩报字谜| 盈利彩票www.135785.com| www.ke55.com-体彩属于赌博吗| www.911242.com-鼎盛集团彩运8下载| www.992002.com-时时彩全天分析计划| www.cj89.com-福彩快三吉林走势图| www.376018.com-网络购彩何时恢复| www.607117.com-天津体彩客服电话| www.722260.com-立体彩铅画树图| www.860996.com-广东好彩1最新开奖| www.925257.com-体彩杀号定胆2元| 福彩www.16878m.com| www.qv60.com-华夏快三破解| www.972424.com-菠萝彩手机版| www.722888.cc-体彩属于哪个部门| www.wk76.com-qq彩票竞猜维护| www.997940.com-运盛彩票导航| www.543420.com-彩报3d布衣老汉图| www.420131.com-体彩店投资多少钱| www.33215.com-全民彩票平台下载| www.950201.com-快三输了很多怎么办| www.yr1.com-今天快三推荐豹子号| www.37933.com-欢迎进入国民彩票| www.244515.com-呼市福彩-| www.375572.com-全民中彩客户端| www.512393.com-彩铅枫叶画法| www.627811.com-足球竞彩310推荐| www.749011.com-1000万彩票网| 乐发彩票www.64141.com| www.qv06.com-汪汪时时彩旧版本| www.439050.com-彩之星下载官方版| www.32326.com-河南省体育彩票申请| www.884424.com-五行数字和彩票| 500彩票www.50074j.com| www.wr31.com-48彩票-| www.mq00.com-中彩啦是合法软件吗| www.00cp.cc-快钱彩票安全吗| www.82bn.com-女子中竞彩大奖| www.1834.cc-广发彩票网-| www.6783.me-唯彩双色球预测| www.20032.com-588vip彩票网| www.z09.com-大猿口算数彩票| www.84eq.com-彩票亭-| www.3399.cm-旺彩3d下载一| www.82io.com-时时彩买单双方法| www.150397.com-跟买时时彩-| www.716803.com-水溶彩铅调色表| www.887512.com-古彩-| www.kb35.com-四亿彩票网址| www.c72.top-百宝彩陕西快乐十分| www.882840.com-大佬彩票-| www.969889.com-高频彩联盟走势图| www.cp5656.com-快三是骗局吗| www.863292.com-19035期胜负彩| www.731254.com-彩神争霸‖app| www.823552.com-深圳福利彩票兑换| www.84832.com-福彩3d大兵鬼魂图| www.927058.com-达人彩票安全吗| www.an54.com-湖北快三奖金| www.34wb.com-35期7星彩-| 大赢家彩票www.599843.com| www.629966.com-彩市新闻-| www.949598.com-快彩推号专家| www.157586.com-足彩比分四川一| www.133644.com-双色球彩票资讯| www.9952.top-彩票开奖结…果| www.023613.com-23彩票下载-| www.94tn.com-微信上的棒棒彩票| www.783116.com-七星彩开彩开奖结果| www.43275.com-亚洲杯足彩分析| 福利彩票www.78700i.com| www.3684.vip-竞彩足球手机彩票网| www.692096.com-双色球选号彩乐乐| www.809446.com-体彩几点开奖时间| www.887329.com-网络彩票赌博骗局| www.948427.com-体育彩票公益事业| 创富彩票www.cf9902.com| www.710908.com-江苏快三开奖网| www.77tg.com-爱投彩票犯法吗| www.950.gg-买彩票中奖电影| www.8567.win-澳客彩票网定胆杀号| www.cp5997.com-福彩3d和值-| www.h64.cn-彩票工具软件大全| www.172394.com-彩票兼职骗局揭秘| www.9040.xyz-美职篮彩票预测| www.692638.com-移动积分兑换彩票| www.880126.com-彩票头奖领奖程序| www.105581.com-8亿彩票app-| 500彩票www.701545.com| www.986554.com-360彩票567-| www.ls90.com-时时彩宝典官方版| www.747686.com-环彩手机app| www.197641.com-福彩快三河北开奖| www.989323.com-中彩威视-| www.zq32.com-竞彩篮球专家推荐| www.sg02.com-时时彩龙虎计划全天| www.516291.com-多彩网彩票注册网址| www.70ha.com-998彩票怎么样| www.k23.cn-牛彩网独胆王| www.4698.biz-中彩票领奖有危险吗| www.40sr.com-福彩几个数字| www.888373.com-128彩票诈骗| www.518785.com-乐米彩票停了嘛| www.425886.com-天下彩票会员料| www.133523.com-手机买彩票软件下载|