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.58782.cc-安装双色彩票| www.28335.cc-神彩争霸大发| www.025571.com-大发彩票是不是真的| www.139642.com-买彩票是赌博吗| www.658378.com-金七乐彩票走势图| www.1121.vip-竞彩中奖新闻| www.70297.com-恒发彩票亏了50万| www.zs89.com-彩35彩票网站| www.49990.cc-体育彩票排列三跨度| www.cp3305.com-三分快三是啥| www.761498.com-山西省体彩中心电话| www.872751.com-贵阳体彩申请| www.948241.com-体彩的大乐透| 快彩在线www.2632q.com| www.tz49.com-彩票偏态分析| www.848665.com-体彩宝安区在哪里| www.956701.com-彩票打错怎么赔偿| www.3844.me-7星彩开奖图| www.19718.com-500彩票官网首页| www.237803.com-手机福彩刮刮乐下载| www.673821.com-油性彩铅画苹果| www.6071.com-手机买彩票中奖秘诀| www.98573.cc-腾讯分分彩好容易中| www.715795.com-广东七星彩诈骗黑彩| www.807132.com-彩票可以折贴| www.883822.com-新瑞博彩票-| www.956916.com-开彩开奖结果| 凤凰彩票www.88266h.com| www.2642.vip-糖果彩指导员| www.522015.com-刘雪龙黑彩视频| www.879552.com-网上彩票代理| www.956292.com-大旺彩票应用| 凤凰彩票www.77802t.com| www.f25.club-乐彩网真的能赚钱吗| www.088047.com-澳客足彩胜负彩| www.200079.cc-所有彩票开奖结果| www.347005.com-七乐彩和值尾数杀号| www.458237.com-现在买彩票能中奖吗| www.556819.com-竞彩篮彩-| www.696802.com-全国赌竞彩的人| www.776231.com-带赢彩票-| www.853648.com-重庆时时彩今天开奖| www.928146.com-彩色复印机4色5色| www.991250.com-河北福彩中心网| www.db40.com-人人彩票76907| www.371546.com-577彩票com-| www.493766.com-热购彩票客服| www.573910.com-中国彩票十大牛人| www.653927.com-快江苏快3快彩乐| www.718902.com-彩虹羽泉百度云| www.791559.com-京东金融彩票入口| www.878517.com-内蒙福利彩快3| www.963588.cc-彩客网用户注册| www.cp2003.com-福彩3d试机号金码| www.cp8388.com-天天快三是合法的吗| www.190273.com-北京一定牛快三| www.610589.com-福利彩票开奖33期| 500彩票www.50788k.com| www.ql09.com-福彩内蒙快3走试图| www.l39.cn-河北福彩三d诗| 吉利彩票www.66376l.com| www.ok58.com-彩客网大小分数据| www.7ln.com-买彩票中奖之后| www.414036.com-七彩教育简介| www.529855.com-直播彩票兼职| www.739359.com-福彩k3网投下载| www.829730.com-网售彩票重启| www.913824.com-黄金集团彩票靠谱不| www.296367.com-彩专家计划-| www.34ev.com-逆袭彩票计划免费版| www.ni57.com-福建体育彩票爱彩乐| www.025921.com-深圳体彩十一选五| www.081996.com-今日七星彩结果| www.315903.com-上海彩票在哪里兑奖| www.388073.com-华彩咨询集团白万纲| www.509613.com-彩票大本赢软件平台| www.435039.com-什么是彩票开机号| www.523351.com-533彩票的含义p| www.181871.com-官方彩票app下载| www.365801.cc-国外彩票开奖| www.465644.com-竞彩篮球彩票官网| www.582735.com-绝望的只有买彩票| www.57894.com-牛彩纽约是正规吗| www.979691.com-香蕉计划彩票| www.td.com-官方彩票软件| www.1465.com-包头体彩中心在哪里| www.263308.com-体彩双双字谜| www.736727.com-双色球乐彩网首页| www.865215.com-买彩票图片-| www.995858.com-80彩票陷阱-| www.wv87.com-520彩票邀请码| www.83ks.com-乐彩影视-| www.19pv.com-安徽彩票怎么玩法| www.7640.in-时时彩图标-| www.87pj.cc-淘宝招彩票代玩人员| www.1821.tv-重庆时彩定位胆| www.7880.cc-智胜彩票高手预测| www.579406.com-重庆时时彩组六高手| www.698703.com-福彩3d走勢圖| 大赢家彩票平台www.609814.com| www.949865.com-九州彩票网是真的吗| www.w83.club-如何购买福利彩票| www.98wv.com-江苏体彩7位数直播| www.2252.cn-大中华平台彩票| www.7220.com-河南七星彩开奖日期| www.13529.cc-胜负彩复式计算器| www.599596.com-体彩竞-| www.719249.com-快三大发和值| www.891003.com-彩票站开业宣传词| www.963124.com-彩钢板房-| www.sh35.com-博彩可以破解吗| www.26ih.com-800彩票安卓| www.1326.me-彩票改时间了| www.462286.com-彩票彩宝安卓版| www.542.tv-三位数彩票开奖查询| www.527336.com-时时彩机选在线| www.062440.com-网赌彩票漏洞赚钱| www.507639.com-华彩网彩神vl| www.46pj.cc-福建福彩快讯手机版| www.14vk.com-彩吧彩报等三版| www.508.mobi-河北体彩申请投注站| www.5757.la-体育彩票几位数有奖| www.655711.com-七星彩结果查询| www.782663.com-新星彩资料兔费大全| www.869926.com-今日福利彩票| www.951321.com-新华彩票网头条新闻| 亿发彩票www.803733.com| www.kx22.cc-快三辅助免费下载| www.153639.com-旺彩双色球走势图| www.354799.com-幸运分分彩软件| www.237574.com-中国足彩网踩踏视频| www.80010.cc-聊彩大厅有红包| www.555534.cc-西藏福彩快三| www.021248.com-体彩11选五湖北| www.424842.com-七彩杯成绩查询| www.567152.com-下载彩票双色| www.662884.com-国彩平台怎样| www.773650.com-微信彩票群赚钱| www.893063.com-时时彩缩水网页二星| www.984331.com-彩81彩票网真实吗| www.uc27.com-时时彩手机计划软件| www.097094.com-现任福彩主任是谁| www.vm52.com-上海彩票网开奖公告| www.92zh.com-345彩票直播秀| www.802558.com-福彩3d易点彩票网| www.977197.com-彩礼索要过多| www.678355.com-彩吧伦坛-| www.3125.cm-体彩排列五怎么玩| www.228312.com-进口彩妆加盟店| www.395115.com-每周一开奖的彩票| www.117622.com-福利彩票计算器| www.640072.com-体彩大乐透在哪兑奖| www.712308.com-快三网页计划| www.773421.com-体彩五d排列结果| www.870705.com-易彩娱乐手机注册| www.658230.com-电视剧彩票-| www.82399.cc-幸运时时彩有走势图| www.9735.biz-彩八仙在线网页版| www.301322.com-昨天彩票出什么号| www.117551.com-彩票开奖直播现场| www.694638.com-彩票兑奖时间周几| www.766676.com-体彩天下网址| www.868612.com-海南彩票说的对数| www.924900.com-福彩彩吧图迷|