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.990129.com-福彩藏机图谜总汇| www.720051.com-复式七星彩中奖查询| www.839977.com-pc彩票经验-| www.951503.com-谁有qq彩票交流群| 大玩家彩票www.9478n.com| www.180389.com-幸福快三是合法的吗| www.lc16.com-505彩票网站| www.ur.cc-福利彩票官网| www.yb97.com-江苏快三派彩网| www.cp440.com-福利彩快三下载平台| www.034718.com-8亿彩能挣钱吗| www.987617.com-快三单双算法教程| www.lt62.com-分分时时彩计划软件| www.136789.cc-开福彩店流程及利润| www.529156.com-六爻测港彩方法| www.507058.com-e乐彩手机专业版| www.602690.com-福彩开奖j结果| www.683779.com-天天爱彩票官方| www.793986.com-体彩直播哪个台| www.784053.com-11选5旺彩助手| www.48321.com-大发快三加盟| www.716632.com-彩铅画画上色技巧| www.981629.com-买彩票下载什么软件| www.t80.club-数字彩购彩下载| www.271561.com-广东彩票官网| www.365260.cc-报刊大全彩票与生活| www.26592.cc-七星彩选号助手| www.200711.com-怎样计算七星彩规律| www.3663.top-彩色复印机租赁费用| www.56361.cc-香港彩富网| www.034118.com-七乐彩是从那年开始| www.yc5.com-彩神2靠谱吗| www.113004.com-百事彩票网址| www.389566.com-乐购彩票12324| www.584088.com-福彩中心安全吗| www.292775.com-人人国际彩票代理| www.95yj.com-红彩国际app| www.8705.cm-七星乐彩开奖号码| www.54385.com-福彩彩宝网-| www.707758.com-新浪胜负彩比分直播| www.855337.com-凤祥国际购彩| www.972848.com-日彩网彩票团队| www.uw82.com-q彩网怎么下载| www.56jm.com-延安福利彩票中奖| www.06393.com-赌大小软件叫什么彩| www.528806.com-体彩店竞彩赚钱吗| www.721258.com-新宝彩票怎么样| www.809755.com-手机上买彩票违法吗| www.889339.com-如意彩票网注册| www.966293.com-即开彩app官网| 众彩www.348116.com| www.og76.com-五分彩官网-| www.27gy.com-时时彩开门彩| www.29223.cc-手机购彩怎么样| 万利www.32123p.com| www.cai3331.com快三是啥-| www.c70.club-百宝彩江西快三| www.86cp.cc-彩81彩票官网娱| www.293663.com-正规的彩票网站制作| www.335964.com-体育彩票怎样玩| www.525595.com-澳门博彩有限公司| www.609043.com-体彩网点营业时间| www.729900.com-彩票计划助手| www.827575.com-新加坡十分彩| www.893658.com-彩票号码组合器| www.vt46.com-广西福彩快十走势图| www.07yh.com-快三有黑幕吗| www.988039.com-福彩能追加吗| www.jc78.com-河南省快三玩法| www.12at.com-彩票app定制开发| www.08335.com-中国体彩网湖南| www.230739.com-彩运8官网-| www.999288.cc-彩票遗漏-| www.710794.com-刷彩是做什么啊| www.818613.com-绵阳福利彩票公众号| www.952798.com-七彩乐今日开奖| www.cp1.link-贵州福彩助手| www.991383.com-够力七星彩海口论坛| www.121585.com-手机彩票输了3万| www.921067.com-冠赢彩票-| www.67tw.com-领先彩票平台| www.4064.cm-海南七星彩内部| www.178396.com-彩票下载手机版| www.751714.com-幸运彩2019软件| www.4710.biz-彩部落钱能提出来吗| www.nt90.com-买体育彩票算赌博吗| www.5qx.com-体彩开奖开奖号码| www.80qm.com-129彩票网-| www.00936.com-注册领彩金电子游戏| www.82455.cc-福客来彩票网主页| www.033068.com-福利彩票网络| www.107123.com-500彩票破解| www.170345.cc-快三顺口溜-| www.257799.com-贵州快三多少期| www.326725.com-中彩网开奖公告号码| www.408844.com-大公鸡七星彩画板| www.520787.com-大大中彩票官网| 通盈彩票www.848566.com| www.702412.com-天下天空彩-| www.881380.com-足彩一定牛-| www.7363.org-一个足彩高手的总结| www.p40.cc-高频彩助赢计划网| www.566253.com-500彩票数据网| www.735185.com-彩票怎么区分冷热号| www.878279.com-福利彩票3d牛材网| www.555435.com-查询吹吹七星彩论坛| www.653675.com-福彩2018035| www.010357.com-270彩票-| www.529314.com-体彩通吃-| www.481607.com-福彩主任被抓新闻| www.695082.com-竞彩投注比例比例| 大赢家彩票网www.544091.com| www.22133.com-足彩培训师-| www.943890.com-93彩票app-| www.34ng.com-动物福彩开奖走势图| www.591823.com-炫彩艺术-| www.417.live-pc快三规律-| www.081530.com-彩多多官网-| www.57831.cc-快三开始赢后面输| www.082768.com-快三三不同概率| 世彩堂www.5854f.cc| www.974325.com-福彩票开奖公告| www.pw04.com-珠江彩票是真的吗| www.32uy.com-盈众彩票app| www.026398.com-私彩彩票网站出租| www.171312.com-北京十一选五体彩| www.656127.com-福彩3d11和值| www.661451.com-彩票能算出来吗| www.967173.com-彩吧助手带线走势图| www.ar44.com-彩38-| www.9707.loan-三分pk彩票-| www.655626.com-拍彩票面秒查奖金| www.739339.com-多盈彩票网址| www.827459.com-网络3分彩是真的吗| www.891388.com-福彩最牛广告语| www.948091.com-彩店云-| www.984546.com-亚博彩票登录网站| www.et5.com-中原彩票1分快3| www.mq82.com-中彩网3d今日预测| www.e39.space-移动积分换彩票| www.23cl.com-家彩网福彩开奖| www.611590.com-八方彩票网官方端口| www.666325.com-最新阳光探码彩民乐| www.715382.com-四季彩提现问题| www.768665.com-趣头条彩票-| www.814311.com-吉林福彩快三走试图| www.868018.com-南国体彩开奖结果| www.910130.com-高手彩坛一彩票大全| www.958916.com-600w彩票app| 梦想彩票www.33112d.com| www.ur6.com-123手机彩票网| www.637365.com-彩69兼职正规吗| www.806388.com-体彩彩票应用| www.923514.com-cp.12彩票官网| 188彩票www.188975.com| www.e83.com-兰州七星彩开奖日期| www.13809.com-竞彩网是啥-| www.62258.cc-昨日彩票号码| www.106268.com-国外彩票公司| www.743131.com-人人中彩票网易| www.874922.com-网易彩票网页版| www.076844.cc-分分中彩票网页版| www.181987.com-快三客下载软件| www.369427.com-大通彩票手机版下载|