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天

知道了
亚洲28 www.941124.com-北京单场彩票推荐| www.cai378.com-520快三官网| www.jf65.com-广西派彩电子走势图| www.518954.com-网彩还有可能开售吗| www.40075.com-金六福彩票-| www.502319.com-金手指彩狗捕鱼客服| www.237506.com-足彩专家预测分析| www.861186.com-五分⑥和彩app| www.977479.com-彩妆店加盟连锁| www.04309.cc-福彩双色球奖励| www.78852.cc-福3d大家论彩涂| www.041145.com-广西快三官网开奖| www.233016.com-88爱彩江苏快3| www.95os.com-多彩投地址-| www.373285.com-伯乐彩票平台| www.551375.com-足彩数剧爱彩网| www.766899.com-体彩排列3开奖情况| www.850897.com-时时彩百位规律| www.938596.com-双赢彩票正规吗| 500彩票www.52072y.com| www.380438.com-彩金断了可以接吗| www.cp1268.com-极速快三预测网址| www.7471.top-太原福彩中心电话| 500彩票www.347177.com| www.a83.cn-彩经网江苏快三| www.87zo.com-新版跑狗图4s彩票| www.406946.com-大赢家彩票服务区| www.557223.com-3d彩票网址大全| www.008257.com-七乐彩直播开奖视频| www.126165.com-印尼五分彩开奖网站| www.221995.com-百彩网马会开奖| www.6594.net-玩彩吧官网-| www.70007.com-时时彩稳赚百分之十| www.030158.com-彩票合买网站骗局| www.022904.com-体育彩票5排| www.130357.com-彩票excel-| www.235228.com-中国彩票下载安装| www.cai5544.com分分快三计划| www.769575.com-好彩蓝莓爆珠假货| www.954874.com-澳洲5分彩开奖记录| www.qt.com-彩票选号-| www.rp68.com-福彩10分钟开奖的| www.64kj.com-天牛3d彩图-| www.3317.in-768彩票-| www.13153.com-福彩快三计划团队| www.73823.com-体育彩票能网上买吗| www.112183.com-快三和值啥意思| www.i56.wang-甘肃快三昨天遗漏| www.47ak.com-福彩3d幸运吗| www.41hx.com-七彩球怎么拼装视频| www.1198.cc-七星彩组合排列工具| www.9925.cc-福彩3a解太湖汇总| www.55998.cc-快三多少个号码| www.878.in-重庆时时彩止损技巧| www.7372.me-七星彩与排列五表| www.636004.com-河南七星彩开奖日期| www.725957.com-福利彩票3d全网搜| www.842456.com-福彩基金是什么| www.01277.com-gc国彩怎样充值| www.7775.pw-众发彩票官网| www.566045.com-智慧福彩湖南| www.843474.com-如何做彩票店| www.93qy.com-彩色底照片-| www.4220.xyz-优乐彩提现安全吗| www.053869.com-体彩世界杯竞猜| www.713085.com-九州彩票下载| www.807218.com-温州体彩转让| www.876664.com-体彩排列三杀尾| www.939629.com-香港福彩网址是多少| www.999998.com-彩票帮投是什么意思| www.fn35.com-中国永利快三网| www.417599.com-53彩票app苹果| www.3027.vip-f彩网下载-| www.9726.biz-体彩大乐透牛彩涂| www.280338.com-大乐透杀号彩乐乐| www.326715.com-乐彩论坛排三170| www.98332.cc-中国竞彩网官方信息| www.33092.com-江苏快三推算技巧| www.78831.com-福彩三d乐彩论坛| www.77978.cc-91彩站联盟app| www.069220.com-彩神iv怎么打不开| www.177844.com-e球彩全包玩法| www.247744.com-彩票与数字定律| www.566.club-时时彩账号追杀| www.4858.gg-梦见进彩票店| www.91183.cc-红好彩-| www.042641.com-多彩贵州网考试| www.48599.cc-重庆时时彩改版了吗| www.92025.com-丰彩娱乐app| www.972354.com-体彩7位数开奖公告| www.wf88.com-内蒙古快三分析| www.10tp.com-中国七星彩直播现场| www.590112.com-福彩3d14和值| www.22in.com-拍拍贷新彩虹计划| www.688332.com-福彩3d群聊微信号| www.755595.com-苹果彩膜图片| www.840858.com-彩票系统维护要多久| www.898608.com-彩票挂机软件方案| www.958343.com-福彩3d代码是什么| 彩票A8www.60fr.com| www.dz82.com-彩神快3下载| www.330300.cc-福彩速查表图片| www.414032.com-二六披红七挂彩| www.508836.com-ee彩apk1-| www.675156.com-胜负彩中奖规则| www.752299.com-淘彩平台-| www.810885.com-福彩快三怎样能中奖| www.873135.com-贵州体彩大乐透| www.926781.com-幻彩戒-| www.972520.com-简单彩铅画多肉| 大赢家彩票平台www.210927.com| www.88080.com-qq分分彩app| www.373575.com-彩名堂官网网址| www.230080.com-518彩票网正规吗| www.06016.com-人人彩票中奖福地| www.9963.pw-明天开奖彩票| www.98kr.com-玩黑彩快三-| www.3154.biz-如怎么看彩票走势图| www.p99.wang-快钱彩票是合法的吗| www.175403.com-福建快三预测推荐| www.356761.com-篮球彩票让分胜负| www.vv65.com-中信体彩-| www.69776.cc-易彩乐平台-| www.5858.tv-彩争霸8下载安装| www.137880.com-买大发快三违法吗| www.055581.com-福利彩票分几种类型| www.182382.com-河南福彩快3彩票| www.303912.com-甘肃快三数据专家| www.854100.com-竞彩篮球彩票在哪买| www.914920.com-黑彩举报会怎样| www.970643.com-谁玩凤凰彩票有群吗| www.wp1.com-体彩彩票规则及奖金| www.up30.com-体彩快三怎么玩| www.62.com-万达彩票登录网址| www.49yw.com-重庆时彩心得| www.36ql.com-七星彩走势图带线| www.618187.com-体彩杀号定胆天齐网| www.682994.com-我怎么才能中彩票| www.311237.com-500彩极速快三| www.385132.com-入侵彩票网页| www.005.bid-甘肃亿彩快三查询| www.4362.cn-三分时时彩官网平台| www.944868.com-正规彩票店卖假彩票| 国彩网www.18690a.com| www.544997.com-3d彩票中奖票样图| www.807513.com-彩票测试出奖号软件| www.867373.com-彩票网上全部停售吗| www.911339.com-安徽彩票网-| www.958362.com-七星彩媒体预测| www.993806.com-胜负彩中3个| www.mk9.cc-五分钟幸运快三计划| www.30gy.com-彩客网手机旧版下载| www.050993.com-彩票任务代打| www.155879.com-13彩票是真的吗| www.8811.cn-全天重庆彩龙虎计划| www.947843.com-竞彩彩票兑奖规则| www.997378.com-全天极速时时彩计划| www.129749.com-看彩票双色球开奖| www.14pu.com-乐彩518直播间| www.2297.in-微购彩-| www.61015.com-福彩彩票双色球图标| www.81719.com-彩票一夜暴富的概率| www.4946.cm-迷彩兔下载| www.78201.com-五分钟快彩-|