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.675929.com-彩乐汇平台官方网站| www.288977.com-快三怎么看出龙| www.450360.com-凤凰彩票微信号| www.630621.com-体彩飞鱼复式投注| www.365473.cc-彩迷天地联销图下载| www.332548.com-最大的黑彩平台| www.tx80.com-怎么才能看懂彩票| www.142773.com-微信打彩票-| www.228925.com-怎样看快三走势图| www.311101.com-旧版特彩吧-| www.379786.com-体育7星彩开奖| www.6696.top-网上买快彩有方法吗| www.458667.com-六加一彩票开奖结果| www.20lg.com-福彩在线网站| www.5678.la-福彩快乐8玩法介绍| www.376967.com-七星彩安然预测| www.49504.com-体彩和外围的区别| www.291292.com-快乐12爱彩乐| www.479333.com-宁波彩票店生意转让| www.598516.com-七星彩19022| www.349900.com-绝望中买彩票中大奖| www.088037.com-共赢福彩下载| www.281041.com-3d彩票规则介绍| www.688742.com-手机如何买3d彩票| www.822612.com-福彩双色球资深专家| www.961252.com-靠谱的彩票软件下载| www.mg9.cc-体彩安徽快三| www.rc45.com-极速时时彩单双技巧| www.65fe.com-u9彩票网址| www.828678.com-7u彩票-| www.895310.com-搜狐彩票是合法的吗| www.962770.com-彩民村下载-| www.cai9986.com精彩十分走势| www.wx99.cc-i北京快三助手| www.701960.com-竞彩足球比分网直播| www.833201.com-成功彩票是真的假的| www.945479.com-3分彩-| 大赢家彩票平台www.917737.com| www.828488.com-美国体彩中奖号码| www.49ym.com-官方福彩中心| www.528690.com-浙江体彩31选7| www.666102.com-彩票网站送活动| www.780366.com-下载分分中彩| www.882584.com-河南福彩幸运彩快三| www.984126.com-山东省福利彩票官网| www.03eq.com-福利彩6等奖| www.023551.com-福星彩开奖网站| www.259777.com-甘肃体彩下载| www.1512.cc-内蒙古的福彩| www.294294.com-买体彩要身份证吗| www.730153.com-彩尊官网-| www.042558.com-多彩贵州城建设| www.153903.com-福彩彩票代理| www.40052.com-淘金彩票有挂吗| www.503972.com-彩票没打上-| www.28463.com-盐城彩民中一个亿| www.022294.com-重庆时彩时彩软件| www.af91.com-福彩3d昨天什么号| www.176208.com-安徽快三全天计划| 博友彩www.923633.com| www.056330.com-七星彩三个号多少钱| www.719622.com-高频彩开奖原理| www.813042.com-高频彩开奖结果| www.904022.com-山西快三-| www.981462.com-河南体彩481号| www.ad83.com-999彩票-| www.64ko.com-七星彩投注可靠网站| www.6251.biz-彩虹8-| www.531619.com-买彩票会赚钱吗| www.860158.com-时时彩票安卓版下载| www.689637.com-保定有几家彩票站| www.we76.com-31体彩开奖结果| www.220121.com-优信彩票app| www.33956.cc-体育彩票分析师| www.ix62.com-浙江体彩官方网站| www.02ve.com-山东群英会彩彩乐| www.344811.com-cc彩票官网-| www.716111.cc-乐米彩票可以转让| www.812260.com-福彩3d经验-| www.885250.com-唐龙说彩近期| www.949838.com-彩票周周签到| www.994721.com-福彩3地字谜图谜| www.fn02.com-3d福彩3d走势图| www.zi89.com-盈丰彩票客户端| www.4844.vip-山西福利彩票中心| www.595566.com-尼彩手机图片| www.mb1.com-内蒙快三遗漏| www.0419.date-中福快三把我害了| www.31xd.com-十大彩宝品牌加盟| www.35597.com-网易彩票杀号专家| www.006685.com-好彩一遗漏-| www.98080.cc-买竞彩篮球彩票软件| www.3578.xyz-大白菜平台送彩金| www.989458.com-七乐彩走势图图| www.985667.com-933彩票官方| www.fl50.com-湖北体彩兑奖地点| www.54ed.com-买足彩app哪个好| www.5121.biz-高彩对比-| www.95447.com-体彩彩票公益金| www.951043.com-01时时彩-| www.55ow.com-北京快彩-| www.433277.com-凯里开发区彩票| www.763578.com-一分快三精准计划网| www.vp04.com-重庆时时彩一码公式| www.3875.wang-福彩三地和值表儿| www.466592.com-香港a23彩票网| www.zv69.com-彩票开奖查询360| www.29oy.com-昨天体彩中奖号是几| www.616.in-e彩票正规手机版| www.4130.xyz-彩虹6号官网| www.512153.com-彩铅画图片大全作品| www.605297.com-网购彩票中大奖| www.680821.com-彩票巴巴登录| www.7157.loan-穆陵国际七彩影城| www.198234.com-青海福彩快三电视版| www.285608.com-重庆时时彩玩法| www.356634.com-公司年会买彩票| www.472470.com-小鹿网络时时彩升级| www.gl98.com-福彩网3d走势图| www.30044.cc-奥客彩网竞彩| www.55yi.com-陕西省福彩中心图片| www.1369.pw-vr三分彩开奖网| www.9236.biz-高频彩概率-| www.55095.com-足彩赔率计算公式| www.886567.com-彩61彩票是真的吗| www.949768.com-979彩票-| www.987610.com-彩票万能倍投器| www.cp936.cc-幸运快三算号神器| www.855001.com-七星彩预测开门彩| www.922193.com-人人彩票资料| www.973987.com-三分快三单双计划| 六福彩票www.566850.com| www.874283.com-财经彩票app下载| www.8925.org-高手彩票下载| www.121345.com-彩票开奖网址| www.849325.com-彩票二分块大小| www.505532.com-名人彩票app| www.975483.com-彩票计划公式赚钱骗| www.41929.com-中国彩吧购彩大厅| www.040882.com-彩票对刷打偏骗局| www.209567.com-黑彩为什么总是输| www.877282.com-七乐彩几点就封机了| www.80eh.com-时时彩任三直选| www.321338.com-彩35cc-| www.dh04.com-我的彩票开奖| www.05eb.com-彩铅怎么涂-| www.36295.com-江苏快三走势爱彩乐| www.292236.com-稳定彩票平台| www.371955.com-我要查体育彩票| www.484168.com-花生彩票-| www.488605.com-快乐彩中奖号码查询| www.612813.com-彩牛瓷砖美缝剂西安| www.821752.com-3d彩漫全彩| www.226773.com-玩彩票客户端安卓| www.365337.cc-彩票限号能出吗| www.296226.com-湖北省福利彩票网| www.474663.com-百盛彩票提现| www.748879.com-旺彩专家预测分享| www.873564.com-足彩蓬蓬i-| www.369333.com-703com彩票| www.5231.pw-彩视如何收费| www.028535.com-博友彩平台app| www.130915.com-中华购彩网app| www.43ue.com-汇彩网是不是骗人的|