QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery新闻资讯动态列表TAB切换代码

原创商用 jquery新闻资讯动态列表TAB切换代码

jquery 电商资讯新闻轮播及新闻动态TAB切换代码布局,jquery实现广告轮播自动滚动以及新闻动态tab切换效果, js css 分离,结构清晰简单,jquery区域均有备注注释,参数均可修改,企业建站常用效果下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="information-box">
	<div class="information-con">
		<div class="information-head">
			<h2>电商资讯</h2>
			<p>及时了解国内外电商行业动态</p>
		</div>
		<div class="information-main clearfix">
			<div class="information-main-fl">
				<div class="bd">
					<ul>
						<li>
							<img src="images/banner.jpg" alt="">
							<div class="information-main-back"></div>
							<p class="information-main-text">
								H5建站/商城产品买多年送多年 <a href="javascript:;" class="main-btn">活动详情</a>
							</p>
						</li>
						<li>
							<img src="images/banner.jpg" alt="">
							<div class="information-main-back"></div>
							<p class="information-main-text">
								H5建站/商城产品买多年送多年 <a href="javascript:;" class="main-btn">活动详情</a>
							</p>
						</li>
						<li>
							<img src="images/banner.jpg" alt="">
							<div class="information-main-back"></div>
							<p class="information-main-text">
								H5建站/商城产品买多年送多年 <a href="javascript:;" class="main-btn">活动详情</a>
							</p>
						</li>
					</ul>
				</div>
				<a href="javascript:void(0)" class="prev"></a>
				<a href="javascript:void(0)" class="next"></a>
			</div>
			<div class="information-main-fr">
				<div class="hd clearfix">
					<ul>
						<li class="on">新闻中心</li>
						<li>行业资讯</li>
						<li>电商干货</li>
					</ul>
				</div>
				<div class="bd">
					<ul>
						<li>
							<span>2018-05-23</span>
							<a href="#" title="团队拓展训练,云指团队合力展风采">团队拓展训练,云指团队合力展风采</a>
						</li>
						<li>
							<span>2018-04-16</span>
							<a href="#" title="烈祝贺云指实力当选“广东企业创新500强...">烈祝贺云指实力当选“广东企业创新500强...</a>
						</li>
						<li>
							<span>2018-04-10</span>
							<a href="#" title="专注身边人和事,云指商圈小程序隆重上线">专注身边人和事,云指商圈小程序隆重上线</a>
						</li>
						<li>
							<span>2018-04-10</span>
							<a href="#" title="击餐饮经营难题?云指餐饮小程序打造全新经...">击餐饮经营难题?云指餐饮小程序打造全新经...</a>
						</li>
						<li>
							<span>2018-04-03</span>
							<a href="#" title="云指佛山50公里徒步公益活动">云指佛山50公里徒步公益活动</a>
						</li>
					</ul>
					<ul>
						<li>
							<span>2018-05-23</span>
							<a href="#" title="DS全球数字峰会:.top域名荣获“20...">DS全球数字峰会:.top域名荣获“20...</a>
						</li>
						<li>
							<span>2018-04-16</span>
							<a href="#" title="面告诉您如何为您的创业公司选择一个出色的...">面告诉您如何为您的创业公司选择一个出色的...</a>
						</li>
						<li>
							<span>2018-04-10</span>
							<a href="#" title="使用新的域名尾缀创建有效的品牌微型网站">使用新的域名尾缀创建有效的品牌微型网站</a>
						</li>
						<li>
							<span>2018-04-10</span>
							<a href="#" title="adix 特别篇:有助于商业上取得成功的...">adix 特别篇:有助于商业上取得成功的...</a>
						</li>
						<li>
							<span>2018-04-03</span>
							<a href="#" title="爆!单字符域名c.top被区块链终端启用">爆!单字符域名c.top被区块链终端启用</a>
						</li>
					</ul>
					<ul>
						<li>
							<span>2018-05-23</span>
							<a href="#" title="小程序关键词怎么选好?">小程序关键词怎么选好?</a>
						</li>
						<li>
							<span>2018-04-16</span>
							<a href="#" title="为什么客户要选用云指微信小程序">为什么客户要选用云指微信小程序</a>
						</li>
						<li>
							<span>2018-04-10</span>
							<a href="#" title="做微信分销商城选择哪个分销系统好">做微信分销商城选择哪个分销系统好</a>
						</li>
						<li>
							<span>2018-04-10</span>
							<a href="#" title="为什么要用云指H5响应式网站呢?">为什么要用云指H5响应式网站呢?</a>
						</li>
						<li>
							<span>2018-04-03</span>
							<a href="#" title="微商必看!做好微信分销商城的8个基础">微商必看!做好微信分销商城的8个基础</a>
						</li>
					</ul>
				</div>
				<div class="information-more">
					<a href="#">查看更多</a>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">

	jQuery(".information-main-fl").slide({
		mainCell: ".bd ul",
		effect: "leftLoop",
		autoPlay: true,
		trigger: "click",
		mouseOverStop: false
	});//轮播

	jQuery(".information-main-fr").slide({
		autoPlay: false,
		trigger: "mouseover",
		delayTime: 700,
		pnLoop: false
	})//tab切换

</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
全红彩票 www.593.date-福彩3d便民工作室| www.363613.com-lg彩票是什么意思| www.496204.com-bwin博彩正规吗| www.589026.com-搜索甘肃快三| www.665811.com-手机玩彩票下载安装| www.987056.com-赢彩票app网站| www.8462.vip-七彩票今天开奖结果| www.52986.cc-澳门时时彩app| www.041042.com-彩票小程序-| www.921559.com-彩神开奖规律预测| www.1369.top-vr竞速彩票平台| www.222114.com-大发快三乐点| www.973721.com-无极3时时彩合法吗| www.8415.vip-乐彩骗人套路| www.806923.com-文成县福利彩票中心| 500彩票网www.681090.com| www.827565.com-竞彩足球结果| www.936458.com-今日足彩单关| www.ez44.com-速盈彩-| www.42vz.com-彩票代理计划员招收| 亿彩www.6832o.com| www.72hv.com-彩票遗漏表大全| www.529382.com-87足彩-| www.388302.com-华彩团队是干什么的| www.786152.com-海南私彩论坛头尾| www.944054.com-上海福彩领奖时间| www.bd45.com-安徽快三老板走势图| www.cp3030.com-彩票导师靠谱吗| www.916501.com-私彩平台的网站| www.979267.com-网上哪能买河北快三| www.327244.com-三地彩票图-| www.960927.com-福利彩票快十| www.sa60.com-众彩彩票骗局揭秘| www.423.in-97彩票网官方网站| www.067309.com-一键搭建彩票平台| www.198730.com-三分快三彩票怎么玩| www.731679.com-第一彩票网官网下载| www.879792.com-快三盘怎么制作方法| www.987908.com-大赢家幸运快三| www.qq43.com-福彩内部人员揭秘| www.97736.cc-彩票310期字谜| www.083493.com-东彩骗局盈利| www.178205.com-快三猜一个号怎么玩| www.01047.com-环彩触屏网址| www.352361.com-网络黑彩平台风控| www.507698.com-周三出什么彩票| www.080738.com-乐发彩票注册| www.039061.com-爱投彩票安全吗| www.37819.com-彩票赢家网-| www.33091.com-快三中奖秘籍| www.016278.com-彩票计划员都在国外| www.128667.com-腾讯分分彩平台推荐| www.240845.com-彩神ll平台网址| www.348764.com-彩宝提现-| www.459423.com-体彩6场容错2场| www.027266.com-五分彩是哪里开的| www.127823.com-真正的彩虹-| www.216257.com-乐和彩官网-| www.293289.com-易彩彩票app平台| www.367789.cc-上期彩票号是什么| www.497559.com-彩经网怎么了| www.575463.com-一分快三大小投注法| www.676768.cc-酷彩吧怎么不能登录| www.756932.com-彩37彩票-| www.836055.com-顺丰彩票是正规的吗| www.907062.com-六位数的彩票网赌| www.974099.com-河北福彩有几种玩法| www.cp234.com-全天一分快三计划| www.55359.cc-时时彩五星6万大底| www.968425.com-举报时时彩电话| www.ko5.cc-吉林快三返水| www.qb03.com-广东500彩票网| www.44qx.com-体育彩票竞彩反点| www.3266.me-江苏福彩3d快三| www.280750.com-时时彩超级精准计划| www.345544.com-刮彩票怎么算中奖| www.13kj.cc-彩智彩票软件| www.92yr.com-91彩站联盟最新版| www.63282.cc-个人玩彩票犯法吗| www.vj52.com-彩票送彩金28| www.181351.com-上海快三今日开| 云博彩票www.www.846662.com| www.e09.pw-竞彩大奖记录| www.627857.com-快三复式彩票| www.449480.com-乐彩直播-| www.440567.com-失信人可以领彩票吗| www.255130.com-中华彩票快三app| www.607105.com-中国彩票历史最大奖| www.60of.com-足彩蓬蓬-| www.67119.cc-彩票如何直接兑换| www.033257.com-网易彩票安装| www.113290.com-支付宝里怎样买彩票| www.191293.com-上海快三兑奖地址| www.118085.com-体育彩票e球彩规则| www.207285.com-今日彩票官网地址| www.231865.com-湖北快三现场直播| www.310058.com-我要看体彩-| www.983175.com-盈彩吧双色球| www.8878.red-竞彩会不会爆| www.48322.com-福利彩票迷图| www.081.hk-多彩网下载免费下载| www.4891.cn-688彩票是真的么| www.783696.com-非法平台玩彩票| www.906369.com-中信彩票官网| www.mh36.com-网上彩票合法吗| www.70rl.com-彩票全天计划记录表| www.195332.com-安徽快三计划软件| www.772950.com-cp18彩票-| www.131607.com-云南彩票中奖| www.ee31.com-福建福彩网走势图| www.808787.com-什么网买彩票更可靠| www.927774.com-体育彩票哪年发行| www.994575.com-13彩是骗人的吗| www.re13.com-加拿大时时彩开奖| www.1322.net-106官网彩票网页| www.29851.cc-易彩集团首页| www.774.me-蝴蝶彩色画-| www.8713.org-年终奖彩票中奖| www.68687.com-全彩网断组-| www.484671.com-北京北控国彩自助机| www.68234.cc-重庆彩票网龙虎斗| www.nw8.com-一定牛彩票走势图| www.623191.com-福彩体排列三走势图| www.11068.cc-大鲸彩票-| www.980738.com-火箭彩票app新款| www.728228.com-淘彩票是不是骗局| www.222349.com-易彩快三辅助| www.031585.com-体育彩票算赌博吗| www.166587.com-快三开奖结果江苏| www.254451.com-福彩3d跨度走势表| www.754669.com-天今彩票与你同行| www.978594.com-福彩3d常跟版图片| www.gw0.com-快三彩票能做吗| www.11yq.com-彩票新平台2019| www.48783.com-众博彩票是合法的吗| www.979426.com-快三回血贴吧| www.hk26.com-湖北省快三预| www.9289.wang-彩票33怎么下载| www.705133.com-足球彩票奖池| www.956055.com-湖北快三遗屚| www.4gx.com-青海福彩网官方网站| www.3215.biz-彩879平台怎么样| www.07170.cc-竟彩比分直播吧| www.316821.com-体彩标志中间尺寸| www.6916.top-海南七星彩下注网站| www.306188.com-d9彩票最新版下载| www.4028.vip-sb博彩全称-| www.848281.com-国内竞彩足球合法吗| www.220256.com-下载炫乐彩票| www.8816.me-彩票白菜贴吧| www.93075.com-宝宝计划时时彩骗局| 8k彩票www.803402.com| www.737053.com-彩票代打平台| www.lv6.com-怎么分析快三走势图| www.80338.com-禁止高频彩票公告| www.327210.com-兴华彩票-| www.970719.com-福彩图谜字谜总| www.yy18.com-云南有快三吗| www.6454.cc-速8彩票是什么意思| www.120408.com-体彩多少天兑奖| www.755083.com-南山区福利彩票| www.801766.com-986彩票-| www.870009.com-河北快三的玩法介绍| www.003507.com-国彩gc资料-|