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天

知道了
彩01彩票 www.ix48.com-微信快三大小群| www.591865.com-抑郁症买彩票中奖| www.564018.com-贵州首福利彩票| www.7141.vip-相信时时彩能赚钱| 网易彩票www.26163b.com| www.51ro.com-彩虹伞平安春节教案| www.0270.cm-彩票投注站怎么盈利| www.753551.com-彩票自动挂机手机版| www.904119.com-彩票合买怎么计算| www.cai0019.com北京福彩快三官网| www.c67.top-七星彩走势图表最新| www.287811.com-沈丘彩票中奖者| www.443533.com-福彩3d吉祥开奖| www.3744.top-福彩快甘肃-| www.68210.com-彩票巫师-| www.121943.com-足彩胜负彩开奖| www.132171.com-彩礼法律规定六万| www.701.cm-快购彩票三骗局| www.844239.com-中国福利彩票评论| www.8025.cc-彩虹伞歌谣-| www.084189.com-快三怎么打流水| www.305196.com-新手买彩票咋买| www.93ot.com-一寸彩照是什么意思| www.38196.cc-e彩堂违法吗| www.592550.com-南方双彩缩水软件| www.978661.com-好彩高手论公式| www.sz53.com-单色算不算彩色| www.005069.com-体彩6十1中的玩法| www.190813.com-河北省快三走势图表| www.11938.cc-彩神帝-| www.73055.com-快三二同号| www.039507.com-七彩彩票网能信吗| www.142127.com-中国的彩票能买吗| www.233569.com-快三万能和值| www.649109.com-水彩森系少女| www.974886.com-海南体彩app坑人| www.535975.com-什么彩票是7位数| www.770966.com-时时彩88平台注册| www.gl39.com-福彩双色球中奖规则| www.766668.cc-购彩大厅快三| www.815679.com-排列3体彩-| www.cp6799.com-快三豹子后出号规律| www.4910.vip-竞彩5258官网| www.980184.com-中国竞彩胜负平| www.200301.com-体彩开奖查询号码| www.570649.com-腾讯分分彩四星计算| www.07vy.com-刚力彩芽靖国神社| www.003939.com-盈彩网pk10计划| www.y62.net-什么彩票网上也能买| www.53692.cc-时时彩庄家会作弊吗| www.30ts.com-星期六开的彩票是| www.203.tv-彩铅画卡通可爱| www.066439.com-博友彩1分快三开挂| www.163092.com-巨彩网是什么情况| www.252161.com-旺彩3d-| www.332308.com-体彩实体店返点10| www.428556.com-青蛙过河福彩| www.530014.com-彩头是什么-| www.071608.com-彩票店能过户吗| www.0281.cn-如何销售彩票| www.965647.com-买彩票哪个软件好| www.825565.com-台湾宝岛快三| www.974272.com-一分钟开奖彩票网址| www.uj03.com-彩宝贝专家预测| www.55oj.com-广州铭彩印刷| www.69nq.com-彩虹六号倍镜怎么搞| www.61289.cc-网络彩票亏了能追回| www.079627.com-分分彩开奖纪录下载| www.913870.com-16234彩票-| www.225.gg-90彩票是正规| www.5458.vip-73彩票买马资料| www.730519.com-手机买体彩的软件| www.737398.com-福彩三d今晚开奖号| www.fi72.com-快三计划qq群| www.88678.com-九彩软件计划| www.83107.com-篮球竞彩软件| www.038039.com-彩牛彩票网安全吗| www.90334.com-双色球机选买彩票| www.047808.com-77彩票试玩账号| www.50792.com-乐盈彩票可信吗| www.871211.com-真三国星彩-| www.ql04.com-快三外挂软件管用吗| www.09tx.com-中国彩吧全图| www.517.com-环球一号彩票手机版| www.6852.me-极速度3d彩票| www.36112.cc-湖北福彩微信代运营| www.79671.com-重庆时寸彩开奖| www.33tz.com-环球彩票新用户注册| www.887.top-艾彩原创免费视频| www.8195.biz-彩93下载苹果版| www.561958.com-双赢彩票安全可靠吗| www.8439.org-开发彩票分析软件| www.712308.com-快三网页计划| www.778302.com-官方彩gz-| www.839683.com-彩色耐磨地坪公司| www.912003.com-云南11选五5彩票| www.971457.com-88彩网站-| 大奖彩票www.dacp123.com| www.644420.com-华亿彩票靠谱吗| www.720881.com-彩票有4个数字的吗| www.783657.com-互联网售彩违法| www.152570.com-彩神争霸网址是多少| www.02bt.com-3分时时彩预测| www.89tn.com-中国博彩app| www.8427.vip-今日天开1彩票中奖| www.43644.com-中彩网选号助手| www.763326.com-做彩票代理犯法吗| 乐盈彩票www.gy11.com| www.12768.com-运盛彩票作弊| www.277255.com-广西快三一定牛网站| www.239219.com-天天福彩是正规的吗| www.tl56.com-炫乐彩票安卓| www.62fh.com-369彩站-| www.911777.com-彩53彩票领跑者| www.979944.com-手机通博彩票网| www.du84.com-金利快三-| www.690397.com-足彩即时澳盘| www.661010.com-九宫格怎么算彩票| www.839136.com-网易彩票推荐| www.933551.com-彩票怎么算中奖了| 网易彩票www.504833.com| www.284567.com-嬴彩天下免费大全| www.254195.com-鸿运彩app下载| www.213693.com-湖北快三软件| www.309024.com-等一彩票-| www.397226.com-看一下体育彩票| www.130795.com-红蚂蚁彩票计划| www.597337.com-网络彩票黑吃黑| www.686654.com-中彩那天的生字音节| www.219898.com-我想在手机上买彩票| www.362872.com-彩票对打安全吗| www.578273.com-幸运彩票可信不| www.676317.com-倍投快三能赚钱吗| www.800136.com-搜狐彩票下载安装| www.898977.com-彩票选号中奖神器| 购彩网www.913gc.com| www.607499.com-贵州快三最近30期| www.700734.com-彩票可以异地兑奖码| www.794177.com-福彩3d跨度算法| www.870815.com-彩票投注翻倍计算器| www.924934.com-凤凰彩票官网注册| www.976797.com-淄博彩礼钱的价格表| www.cai5833.com吉林快三电视走势图| www.7234.pw-彩虹六号有多少钱的| www.27410.com-足彩310电子版| www.948284.com-多彩网彩吧论坛汇总| www.990480.com-xy978幸运彩票| www.ae76.com-新浪手机彩票网| www.qc22.com-577彩票网-| www.8na.com-有没有四个号的彩票| www.61bh.com-特区海南匕星彩| www.2194.shop-环球彩票不给取钱| www.085996.com-那个彩票平台反水高| www.00627.com-体彩十一选五开奖码| www.024477.com-体彩福彩开奖日| www.467184.com-阿里彩票官网| www.31us.com-3月19号彩票| www.986139.com-杨震最新足彩推荐| www.360278.com-体彩球赛怎么买| www.537073.com-春秋彩票是黑平台| www.715625.com-福彩3d今天校验码| www.840018.com-pc彩票的彩托| www.890685.com-至尊时时彩票平台| www.948134.com-彩票到几点-|