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.215736.com-体彩福彩开奖号码| www.315785.com-七天彩app下载| www.999941.com-中国福彩双色球时间| www.61922.cc-领航彩下载app| www.350073.com-分分钟时时彩下载| www.517911.com-福利彩票被中央调查| www.674805.com-体彩15选5走势图| www.773830.com-中彩网综合分布图| www.75597.cc-送彩金彩票网站| www.06764.cc-中了福利彩票头奖| www.983836.com-南海快三时刻表| www.419625.com-印象彩票手机app| www.789896.com-福彩双色球字谜| www.756673.com-快三怎么赚钱呢| www.981838.com-快乐2019彩票| www.870691.com-手机版印象彩票| 500彩票www.514077.com| www.967453.com-意思好运的彩票群名| www.ia8.com-福建快三一定牛推荐| www.sy67.com-福彩双色球几位数| www.6270.top-保定快三开奖结果着| www.191023.com-甘肃省体彩11选五| www.319830.com-3d时时彩打票机| www.443078.com-一分彩票快三预测| www.543441.com-庭审现场彩票王视频| www.222347.com-快三人工计划手机版| www.145416.com-足彩14场开奖结果| www.760395.com-三彩衣服质量怎么样| www.893987.com-99彩票骗局-| www.978399.com-蚂蚁彩票不能提现| www.hb60.cc-大发彩票官网手机版| www.9142.biz-竞彩平民百姓| www.789691.com-红彩网怎么样| www.909448.com-彩神网页登录| www.979945.com-顶级彩票票主页| www.lo2.com-河北福彩3d试机号| 中彩网www.71233hh.com| www.035061.com-南方双彩网杀号定胆| www.521438.com-彩票预测诈骗| www.622360.com-星彩网xcaicc| www.700072.cc-福彩3d规则及奖金| www.804007.com-易彩时时彩计划软件| www.899577.com-北京体育彩票网| www.69534.com-99彩是不是正规的| www.799972.com-彩票开奖查询及公告| www.5665.com-彩票十一选五夺金| www.et89.com-uu快三走势图| www.7389.cm-网上怎么买竞彩足球| www.43236.com-中彩网投注怎么付款| www.974997.com-彩c02彩票-| www.ei3.com-快三跨度玩法| www.pj71.cc-易中彩票-| www.15jq.com-彩票店门店设计图| www.727956.com-福利彩票工具| www.726720.com-彩客彩票app下载| www.22264.com-五分彩开奖网址| www.046177.com-体彩旗舰店申请书| www.226323.com-ag刮刮彩-| www.0229.top-盈众彩票-| www.828552.com-彩票中巨奖的悲剧| www.930026.com-一分快三看大小| 彩客吧www.55ckb.com| www.52516.cc-620好彩网-| www.015325.com-百盈快三预测计划| www.6488.pw-福利彩票机如何申请| www.87dw.com-名爵娱乐时时彩| www.7051.biz-彩乐汇是什么平台| www.xv56.com-国民彩票登陆| www.0510.live-炫乐彩票五年| www.173787.com-福彩快三走势图河北| www.130144.com-网上哪里还能买福彩| www.2316.xyz-好彩彩票苹果版| www.988.gg-下载够力七星彩软件| www.43633.com-可以买的彩票软件| www.94596.com-山西体彩中奖规则| www.34351.com-福彩306定投官网| www.889900.com-cba体彩-| www.950736.com-七乐彩基本走试图| www.kx22.cc-快三辅助免费下载| www.191127.com-贵州彩票快三玩法| www.151567.com-红旗彩票正规吗| www.873013.com-数字彩票规律学| www.950473.com-乐彩客登录-| 5号彩www.585hc.com| www.or98.com-刮刮乐彩票中奖概率| www.26hu.com-买彩书籍-| www.45254.com-微彩站正规吗| www.097305.com-彩运8平台是真的| www.168231.com-湖北爱乐彩-| www.8353.biz-幸运十分彩开奖号码| www.554.biz-易彩官方彩票网站| www.7376.xyz-竞彩店生存状况| www.857531.com-8号彩票是不是骗局| www.28689.com-帮博彩公司收款| www.92398.com-立彩彩票正规| www.ri37.com-极速快三微信群| www.796382.com-尊彩网是假的吗| www.418908.com-凤凰彩票网直播开奖| www.572913.com-完整版足彩比分直播| www.662666.cc-肥城市体彩中大奖| www.750332.com-中彩在线娱乐| www.832831.com-跨度走势图中彩网| www.936280.com-聚宝理财五分彩票| 亿彩www.6832e.com| www.586013.com-七乐彩杀号定胆天齐| www.659147.com-快乐彩杀号定胆| www.726067.com-手机买彩票的网站| www.786308.com-全民买彩-| www.855686.com-福建体彩31选| www.124220.com-彩票专家最厉害的| www.2gf.cc-体彩有世界杯彩票吗| www.64of.com-体彩购彩客户端下载| www.26258.com-广东十分彩下载| www.024613.com-彩神通免费版手机版| www.133780.com-好彩客下载送18| www.41fe.com-大玩家彩票三分三块| www.0021.com-福利彩票26日开奖| www.060084.com-福建福彩快三一定牛| www.567194.com-南京福利彩票店转让| www.871733.com-苏州彩票兑奖中心| 500万彩票www.35155h.com| www.186624.com-中发彩票快3骗局| www.299365.cc-买彩票怎么看走势图| www.931009.com-七星彩全部开奖公告| www.469707.com-永辉彩票下载安装| www.573521.com-淘彩票是什么| www.9611.in-买彩票需要身份证吗| www.407417.com-新浪爱彩比分直播网| www.443560.com-福彩3d秘诀-| www.291667.com-内蒙快三投注平台| www.536755.com-彩属于五行属什么| www.637161.com-彩虹六号单机| www.350.tv-大胜彩票安卓最新版| www.125599.com-88彩票网站-| www.208038.com-彩票之家网站| www.7fg.com-3d彩票如何看票面| www.05244.com-彩500平台-| www.571749.com-那家竞彩能买| www.501961.com-彩金娱乐网站| www.73ak.com-玩时时彩想赚钱必看| www.54fv.com-旭彩彩票合法吗| www.375353.com-中彩网真的赚钱吗| www.828256.com-彩票下载红包版| www.907188.com-6位数的彩票是什么| www.975404.com-安徽福彩客户端下载| 开心彩票www.719113.com| www.22nn.cc-吉祥彩登陆官网| www.0660.cn-福彩站申请多少钱| www.vi49.com-福彩十选五怎么玩的| www.099059.com-哪个平台可以买快三| www.691586.com-吉林快三平台出租| www.866824.com-星期五哪个彩票开奖| www.5016.vip-背膜彩膜定制图片| www.9518.in-五位数的彩票是哪种| www.40238.com-五一彩票开奖| www.77562.com-中国福利彩票性质| www.80671.com-c868彩票登-| www.880285.com-北京快三豹子| www.760722.com-牛娃彩票生肖对照表| www.988866.cc-千禧彩票导航| www.lq88.cc-全民彩票官方版下载| www.86du.com-家彩网福彩杀码预测| www.05552.cc-天天有好彩正版资料| www.6214.cc-百度3d家彩网|