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.22wa.com-足彩胜负彩停售最晚| www.4438.cn-众亿彩票被骗| www.7dq.com-体彩中红号四个| www.603837.com-佬牛足彩19041| www.700061.com-五百彩票网股票雪球| www.796411.com-尊彩彩票官网| www.878459.com-于盛彩票-| www.984068.com-彩票99客户端| www.ep22.com-快三交流-| www.a23.pw-彩票兑奖地点及要求| www.789717.com-网上竞彩票被骗了| www.777639.com-中彩人工计划| www.879878.com-大发彩票是骗局吗| www.351.pink-吉快三遗漏数据| www.330631.com-上海快三推荐软件| www.594355.com-红韵彩票平台注册| 顶尖彩票www.135169.com| www.819275.com-彩票分析法-| www.077501.com-鸿彩木棉业-| www.210692.com-福利彩票选四开奖| www.994869.com-这期彩票号码预测| www.33871.com-彩吧试机号查询| www.239525.com-腾讯快三开奖| www.493825.com-福彩三地太湖图| www.905636.com-红色彩色沥青| www.ej71.com-百盈彩票下载安装| www.033934.com-体彩独胆双胆预测| www.407799.com-彩票网址大全_导航| www.294187.com-广西快三遗漏一定牛| www.560361.com-拉霸游戏注册送彩金| www.794301.com-九州彩票赚钱可靠吗| www.av3.cc-北京快三计划官网| www.9hq.com-体育彩票全中多少钱| www.641.live-公主音乐体彩聊天室| www.472360.com-正规的体彩app| www.526466.com-时时彩包胆技巧| www.0540.net-北京中国体彩报| www.396261.com-彩虹小镇动画片全集| www.9107.cn-黑客彩美-| www.020324.com-青蛙彩票网站开奖| www.03718.com-网赌彩票的背后| www.752010.com-休育彩票几点开奖| www.390308.com-11选5360彩票| www.586264.com-彩票中二等奖难吗| www.736786.com-福彩3d乐彩论谈| www.098847.com-体彩福彩论坛| www.319906.com-时时彩赢钱秘诀| www.510427.com-彩虹屁英语-| www.679601.com-老公爱买彩票怎么办| www.54yp.com-湖南福彩微信公众号| www.1072.vip-时时彩改倍率骗局| www.22949.com-体育彩票大奖新闻| www.943839.com-登录春秋彩票| www.js50.cc-下载火箭彩票vip| www.752317.com-人人彩票网是新骗局| www.478580.com-青岛彩票兑奖| www.600058.cc-彩票中500万概率| www.857776.com-菲律宾博彩分红| www.ml29.com-非法经营彩票罪| www.56wl.com-张家口彩票站| www.021299.com-7k彩票-| www.56325.com-速彩骗局揭秘| www.1626.net-彩365买彩票程序| www.36118.cc-购买时时彩的技巧| www.cai7777.cc-青海福彩快三今天| www.rp99.com-时时彩票骗局| www.07zm.com-七星彩乐文| www.0078.org-福彩投注站好申请吗| www.12496.com-吉林快三挂-| www.043977.com-最新足彩310报纸| www.462733.com-买彩票漏洞是怎么玩| www.671586.com-重庆时时彩追杀吗| www.916205.com-致富彩票主页| 500彩票www.330836.com| www.99kw.com-财神网ll彩种| www.8822.biz-廉江七星彩开心论坛| www.511828.com-大地彩票软件| www.703886.com-明彩影视app| www.906556.com-浙六江福彩快三网| www.070626.com-新版彩神时时彩| www.300711.com-中彩网是什么网站| www.440143.com-湖北快三杀号定胆湖| www.593011.com-彩虹台官网-| www.129512.com-易众足彩票店| www.971840.com-泰安体彩中一等奖| www.1413.cn-双色球彩牛材网字谜| www.9610.org-彩米-| www.871822.com-利彩是真的吗| www.948373.com-江西福彩中心在哪| www.999818.com-福彩排列五游戏规则| www.et45.com-大发快3是什么彩票| www.xt41.com-下載即時開彩| www.543038.com-福彩神一样的胆| www.892091.com-玩快乐彩五行绝招| www.451027.com-彩宝彩票合法的吗| www.004107.com-体育彩票大乐查询| www.093805.com-体彩高频改革| www.26ka.cc-web插件彩票| www.1866.vip-q彩注册邀请码| www.12079.com-口袋彩票安卓| www.127943.com-彩虹歌曲羽泉| www.253187.com-烈火时时彩软件| www.vd86.com-大发快三彩票邀请码| www.420082.com-成信彩漂网-| www.311418.com-快乐三分彩-| www.567316.com-苹果背部彩膜| www.08733.com-jz33九州彩票| www.023.name-彩票世界的永久官网| www.6377.net-竞彩猫推荐-| www.408445.com-彩妆品牌代理| www.726885.com-苹果网彩-| www.06889.com-下载国际福利彩票| www.5224.biz-福彩店营业额| www.208313.com-七星彩开奖直播现场| www.c87.biz-tv彩票-| www.721329.com-体彩单场胜负投注| www.868851.com-七星彩app-| www.45de.com-彩虹无人机上市公司| www.487112.com-福彩店店主转让| www.8240.biz-福利彩票体彩大乐透| www.52224.com-亚博里的tcg彩票| www.8445.cn-小财神彩票论坛网| www.733178.com-245彩票下载| www.801869.com-奔驰博彩开户送彩金| www.887531.com-买全球足球彩票| www.960525.com-彩票中奖3亿| www.7636.cn-彩票标识牌-| www.57753.cc-159彩票进不去了| www.018466.com-福彩d排三开奖结果| www.119158.cc-917彩票-| www.207163.com-七乐彩哪年开始的| www.848198.com-古建彩绘颜料价格| www.957415.com-下载六咊彩-| 天天彩票www.66368.com| www.876678.com-快三刷流水技巧| www.984535.com-福彩3d小小鱼图| www.ei12.com-福彩六加一生肖开奖| www.791094.com-福彩随机选号| www.214022.com-人人彩票76907| 亿彩堂www.87668.cc| www.853078.com-臺灣彩券-| www.915856.com-开福利彩票店怎么样| www.974248.com-环球彩票网站首页| www.sq44.com-体彩竞彩店效果图| www.gh12.com-篮球体彩网站| www.25554.cc-彩客站—快3| www.73om.com-澳门皇冠彩票手机版| www.1560.wang-陇彩宝怎么买彩票| www.7848.cm-彩票是人为-| www.238676.com-体育彩票选号| www.303711.com-下载鑫彩网app| www.362208.com-照样子写句子彩虹像| www.449497.com-幸运彩票历史版本| www.520101.com-财神爷彩票下载| www.zb52.com-快3送彩金-| www.390829.com-耽美全彩漫画| www.060836.com-快3专业购彩平台| www.wd3.cc-彩宝官方下载| www.266143.com-体彩大乐透选号技巧| www.390065.com-什么彩票能中几百万| www.zw30.com-体彩店申请-| www.32qj.com-我想搜福利彩票| www.785.website阳光彩虹小白马图片| www.4968.org-丹东三d图库彩吧|