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.046902.com-22彩票官网地址| www.159345.com-海南快三官方网站| www.1139.cc-公益福彩亲情助学| www.717203.com-彩铅画对孩子的好处| www.855921.com-福彩3d复式玩法| www.972026.com-怎样才能买中彩票| www.de43.com-买体育彩票几位数| www.945211.com-体彩买彩票截止几点| www.mz75.com-58代玩彩票兼职| www.952678.cc-金福彩票导航| www.nj7.com-快三和值表格图片| www.818048.com-九星彩票可以玩吗| www.903257.com-幸福彩票注册| www.4508.cm-福彩复式中奖计算器| www.33323.com-生彩宝3d时时彩| www.14629.com-彩界联盟app官网| www.376100.com-枫创乐彩app| www.540210.com-彩票外围是什么意思| www.124130.com-网上买凤凰彩票| www.414789.com-七彩蓝田是不是传销| www.651111.com-风景水彩教程| 中国福利彩票www.3478t.cc| www.317166.com-9彩官方网站| www.008749.com-彩客网app是哪种| www.309073.com-买十一选五彩票网站| www.535625.com-中过大奖的彩票| www.716362.com-够力七星彩奖表| www.868708.com-彩票平台系统出租| www.0771.com-6832亿彩-| www.090255.com-淘彩票969-| www.805293.com-十分彩是正规| www.894338.com-685彩票-| www.cp464.com-福彩快3合肥| www.ty06.com-玩彩票什么叫龙| www.419.online-彩票字谜3d-| www.790232.com-彩吧图库第一版今天| www.293633.com-青岛彩票中大奖者| www.445600.cc-福彩图纸布衣天下| www.74zj.com-彩票快餐怎么样| www.678691.com-注册送c彩金58元| www.778526.com-彩拾彩票软件| www.468785.com-怎么买彩票才能中奖| www.wp06.com-下一个体彩排列三| www.303217.com-优乐彩7697-| www.64664.cc-竞彩一些规律| www.071505.com-人人竞彩apk| www.164299.com-福彩3d牛采网| www.099675.com-苏快三走势图| www.135856.com-彩票站每月怎样对账| www.802685.com-福彩字迷图迷总汇| www.952709.com-彩乐网com-| www.31nk.com-风雨彩虹歌曲| www.4678.pw-彩票可以买一年的么| www.15713.cc-初学者简单的彩铅画| www.931758.com-彩票十选五万能公式| 500彩票www.3126z.com| www.v58.me-彩票发财术-| www.547465.com-福彩三地布衣图库| www.598735.com-买彩票qq群的新闻| www.871963.com-双色球彩票中奖查询| www.954926.com-黑彩余额修改器下载| 杏彩www.00840k.com| www.191713.com-下载快三开奖结果| www.962594.com-京东彩票官网| www.mx.com-手机玩彩票快3| www.84999.com-福彩彩票机怎么缴费| www.081067.com-彩票中奖有规律吗| www.148756.com-978彩票下载安装| www.226492.com-福利彩票发行历史| www.ga97.com-浙江快乐彩-| www.915850.com-八号彩票下载安装| www.644605.com-足球竞彩伤停情报网| www.831828.com-福彩七乐彩下期预测| www.960573.com-香港所有赌场送彩金| www.os2.com-快三单双稳赢技巧| www.cp936.cc-幸运快三算号神器| www.ez57.com-国家为什么改高频彩| www.855482.com-深圳福彩网官方首页| www.512371.com-和善美彩铅画| www.170760.com-甘肃快三预测号码表| www.275386.com-时时彩大小倍投方案| www.360068.com-大彩鲸网页版| www.454491.com-世界有名的博彩公司| www.555278.com-v博彩登陆-| www.362031.com-广州福彩快乐十分中| www.621112.com-秒速时时彩计划| www.692098.com-高频彩套利是真的吗| www.785534.com-海口海南七星彩论坛| www.862941.com-今期六给彩开奖结果| www.39285.cc-全福彩app-| www.32993.cc-江苏福彩开奖时间| www.183697.com-河南快三专家推荐号| www.012415.cc-体彩谜图汇总| www.557056.com-儿童个性水彩创意画| www.53509.com-福彩快3赌博| www.91570.com-荧光炫彩头像| YY彩票www.yy63.com| www.920056.com-今天的上海快三| www.hx.com-快三第一平台| www.tb87.com-中国大量彩票店倒闭| www.20ab.com-创富彩票苹果版| www.0974.org-彩之王网址-| www.14498.com-七星彩有胆拖玩法吗| www.122386.com-足球比分中国足彩网| www.291857.com-有谁代理了大发快三| www.87ge.com-彩票基地计划| www.103460.com-七乐彩中奖情况| www.954269.com-软彩-| 大赢家彩票平台www.723013.com| www.j65.com-湖北省福利彩票中心| www.837063.com-合肥体彩店在哪找| www.33533.com-发行福彩快三的省份| www.420186.com-澳客彩票赢平台| www.530765.com-体彩p3有试机号吗| www.608911.com-微信彩宝网-| www.683640.com-天天爱彩票手机版| www.959522.com-幸运分分彩计划全天| www.609188.com-彩票店几点钟开门| www.373885.com-360竞彩混合过关| www.563851.com-江苏快三遗漏查询表| www.212287.com-优信彩票大发| www.600154.com-大乐透彩票有折痕| www.950637.com-上海快三一天多少期| 中国福利彩票www.34788s.com| www.907130.com-大发快三靠谱吗| www.184234.com-快三追遗漏输钱| www.280007.com-亚彩会登陆最新| www.152625.com-彩票做号软件苹果版| www.229636.com-河南体彩481规则| www.at28.com-快乐彩骗局| www.wg38.com-彩票开奖记录| www.02ee.com-彩票开奖记录查询| www.zy92.com-上海体彩销售点| www.555448.com-顶尖彩票app兼职| www.032969.com-亿乐彩靠谱吗| www.152407.com-天天福彩3d-| www.os88.com-彩票手机购彩app| www.x44.bid-qq群里快三彩票| www.75ck.com-时时彩倍率计算| www.1043.cm-彩票世界app下载| www.5730.vip-公司发彩票-| www.0073.cm-哪个彩票最好中奖| www.994964.com-中国体育竞彩足球| www.qm98.com-997彩票靠谱吗| www.0fu.com-乐福彩票黑不黑| www.56tv.com-体彩胆拖复式投注表| www.077155.com-买三位数的彩票| www.962824.com-彩乐乐体彩推荐| www.zp10.com-怎样玩时彩才能稳赚| www.93ao.com-北京高频彩有哪几种| www.286042.com-正彩彩票网页| www.12978.com-昆山张浦彩票中奖| www.m96.website黑彩举报中心| www.715951.com-六盈彩票-| www.4590.org-现在彩票还能买吗| www.657109.com-彩票坊论坛-| www.339421.com-深圳体彩投注站| www.079.bid-财神网彩票网| www.519042.com-国际高频彩票| www.609904.com-福彩十五选五的玩法| www.675839.com-三b彩票中奖号| www.770699.com-彩票网私彩平台网址| www.850258.com-截止前买彩票| www.2585.win-彩票牛人杨光华|