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.62990.com-河口彩客化学项目| www.505148.com-忍3竞彩票-| www.588845.com-华夏彩票是真的吗| www.672684.com-今日3d福彩开机号| www.767068.com-好运彩彩票快三| www.091365.com-全民连中彩票| 彩乐乐www.www.3005w.com| www.ho68.com-重庆彩票技巧| www.v24.website彩吧com1-| www.139431.com-百福彩票网下载| www.320036.com-三六零彩票开奖| www.301853.com-海南七星彩头尾| www.546813.com-体育彩票代理政策| www.323117.cc-马来三分彩是真的吗| www.zn72.com-体彩飞鱼直选三口诀| www.847879.com-彩票助赢网站| www.54yh.com-红河州彩票中心电话| www.5855.in-澳门快三怎么买大小| www.5228.site-彩票背后的惊天秘密| www.456122.com-彩六进攻3速| www.331022.com-乐彩大发快三下载| www.df62.com-旭彩网靠谱吗| www.322045.com-吉林市快三结果查询| www.yt6.com-广西快三开奖时间表| www.86386.cc-芜湖市福彩发行中心| www.130498.com-彩票什么计划最准| www.029730.com-彩宝网3d跨度| www.396365.com-竞彩单关返奖率| www.78126.com-彩票王中王-| www.875746.com-大彩网彩票| www.a52.org-排列3职业彩民| www.113065.com-彩票游戏-| www.872544.com-云南体彩网开奖公告| www.653843.com-江西快三提前开奖| www.287235.com-安徽快三50-| www.392996.com-彩铅画梅花图片大全| www.150253.com-中福时时彩-| www.261368.com-98彩票网谁知道| www.76ro.com-马耳他彩票幸运飞艇| www.3318.cc-福彩二元网-| www.919064.com-立彩是黑彩吗| www.990574.com-新②彩票网-| www.26no.com-华彩人生新版| www.589120.com-七星彩规律论坛| www.671129.com-福彩3d开售几年了| www.243033.com-彩票是合法的吗| www.356044.com-玩彩哪个彩种赚钱| www.832707.com-七彩草图片大全| www.965914.com-幽默的买彩票的说说| www.aj81.com-采彩票开奖彩票开奖| www.908831.com-湖南彩票官网| www.994684.com-中福快三平台邀请码| www.dd35.com-江苏快三计划app| www.33621.com-购彩平台下载官网| www.254043.com-摩羯足彩app| www.388692.com-福利彩票背面图片| www.519048.com-腾讯彩票是腾讯的吗| www.632183.com-cp77趣彩注册| www.730083.com-下载福彩双色| www.751.space-时时彩三星和值走势| www.334165.com-一号彩票-| www.423866.com-三国杀张星彩削弱| www.536963.com-中国福利彩票双色珑| www.671520.com-重庆时彩个位技巧| www.011255.com-前天彩票中奖号码| www.183577.com-官方彩票-| www.514963.com-彩妆网店加盟| www.537970.com-福利彩票骗人吗| www.711618.com-投36元彩票挣钱| www.863241.com-19050胜负彩| www.ec05.com-南国彩票论坛| www.011373.com-昨天福彩号是多少| www.66822.com-阜阳福彩兑奖地址| www.654321.com-福彩销售截止时间| www.870191.com-高频彩是什么意思| 红旗彩票www.897743.com| www.312532.com-热购彩票投注| www.388785.com-谷歌分分彩-| www.543207.com-骰子快三-| www.612095.com-上海快三倍投| www.693864.com-红神体彩下载| 500彩票网www.959209.com| www.988856.com-彩票pk10-| www.55432.com-福彩3d真假-| 大赢家彩票www.5086m.com| www.kr43.com-玩彩票下载-| www.41688.cc-下载幸福彩手机报| www.99376.com-买足彩哪个网站好| www.948943.com-彩票内部数据诈骗| www.146022.com-彩票256安卓下载| www.229266.com-彩票快3在哪里买| www.122078.com-英国时时彩是真的吗| www.cai51.cc-极速快三怎么玩| www.7932.org-彩票到底多少种| www.233594.com-河北快三单双号玩法| www.392537.com-彩票中奖被人冒领| www.609.me-7乐彩开奖结果多期| www.876779.com-彩票任三技巧数字| www.976361.com-漯河彩礼2018| www.cp7687.com-黑龙江快三查询| www.308500.com-南洋彩开奖-| www.426177.com-竞彩虚拟足球| www.531356.com-利用时时彩诈骗案例| www.607929.com-华宇京彩挂机| www.723794.com-快3真的是福彩吗| www.24064.cc-可以买快三的app| www.038858.com-天天彩票开奖查询| www.714853.com-四季彩平台时时彩| www.798031.com-易彩app下载安装| www.917215.com-彩铅画教程视频| www.jx79.com-手机破解彩票软件| www.280090.com-手机怎样查福利彩票| www.311048.com-福利彩票25期| www.245867.com-8k彩票下载-| www.8651.wang-代买彩票中奖没给钱| www.284808.com-快三中大奖-| www.299512.com-彩经网3d走势| www.477864.com-佛山福利彩票中心| www.40266.com-手机投注三分彩| www.200799.com-体彩扑克3开奖| www.397914.com-七星彩二等奖是多少| www.71vl.com-恒彩网677-| www.981662.com-l中国体彩官方网| www.fk44.com-安徽省福彩中心地址| www.zf94.com-聚鑫彩票骗局| www.091866.com-梦见手机号码买彩票| www.52556.cc-下载好彩网网站| www.739475.com-头条彩票首页下载| www.cn68.cc-温州快三走势图| www.10av.com-云彩店app下载码| www.9897.net-福彩3d北京短信| www.456822.com-华彩登录网址| www.545755.com-彩票店盈利模式| www.615666.cc-福利彩票快3河北| www.691028.com-竞彩足球158| www.761535.com-彩票坊用户登录| www.63ll.com-彩票代销证没在了| www.370753.com-彩进娱乐黑钱| www.502632.com-欧洲杯彩票哪里买| www.565731.com-易彩娱乐平台怎么样| www.619271.com-搜索彩票开奖查询| www.683292.com-彩票超级缩水软件| www.751853.com-彩票1号-| www.804376.com-易彩自动投注软件| www.862189.com-幸运彩彩票app| www.905129.com-网络彩票是真是假| www.954349.com-大红鹰彩票登录网站| www.988855.com-pk彩-| www.cai6466.com上海今日快三开奖| www.hp90.com-上海快三介绍玩法| www.tm38.com-黄河3d福彩独胆| www.1mm.cc-河北省彩票兑奖在哪| www.396844.com-彩票会员中心| www.404924.com-买彩票还会上瘾吗| www.30or.com-彩虹岛2官网| www.8848.red-62彩票会员中心| www.37837.cc-6234彩票可信吗| www.731042.com-福彩试机号8200| www.815152.com-3d福彩开式号| www.904236.com-星光彩票app完整| www.962913.com-三地彩圣字谜总汇| 中彩网www.61233r.com| www.78do.com-国家授权正规足彩| www.978434.com-葡京彩票平台可靠吗|