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.312778.com-网易彩票客户端| www.8615.biz-御彩电视-| www.cd39.com-大发快三彩票网址| www.06qa.com-查询体彩的软件下载| www.095882.com-网上购彩正规网站| www.885471.com-网上利彩平台靠谱吗| www.986403.com-什么是基诺型彩票| www.bg32.com-福彩新快三-| www.751164.com-11选五彩票下载| www.874822.com-7k彩票-| www.530036.com-时时彩提现可靠吗| www.17940.com-皇元彩票平台| www.54360.com-高手带彩票-| www.7285.vip-彩虹的儿歌-| www.333304.com-体彩三d走势图| www.468668.com-万彩国际app下载| www.570149.com-七彩视频苹果版| www.659384.com-体彩七星开奖时间| www.751545.com-福利彩票双手机投注| www.835520.com-26期福利彩票走向| www.927075.com-中彩堂正版的资料| 大赢家彩票平台www.068672.com| www.mn65.com-彩68下载-| www.61oe.com-查福彩3d试机号| www.833342.com-口袋彩店ios| www.269157.com-官彩-| www.045204.com-网上彩票代理佣金| www.33589.com-双色球专家说彩频道| www.k58.club-七天彩娱乐官网网址| www.70gv.com-深圳彩易达招聘| www.2194.vip-彩票33赢-| www.yz04.cc-福彩十选五啊| www.84nz.com-160彩票是否合法| www.132903.com-中国体彩世界杯竞猜| www.212378.com-网上哪里可以买彩票| www.191555.com-内蒙快三玩法介绍| www.764709.com-彩神通会员4码很准| www.86hm.com-3d彩图专辑-| www.4234.vip-七彩影官网下载安装| www.876947.com-微信买体彩-| www.421788.com-福彩12选五开| www.516745.com-黑客攻击黑彩网站| www.589830.com-足彩资讯网-| www.84wh.com-篮球彩票分析技巧| www.950833.com-中国彩票投注技巧| www.227507.com-快三秒奶茶店没有了| www.195901.com-安微快三开奖给果| www.87338.cc-cc彩票平台登录| www.307759.com-吉林快三派彩网官方| www.169855.com-甘肃快三最新走势图| www.53om.com-怎样购买国外彩票| www.506102.com-六爻用神数测彩法| www.651928.com-刷彩平台-| www.885731.com-彩票开奖源什么意思| www.390083.com-彩票一注中几十万| www.816647.com-北京快三购买| www.899110.com-足彩让球怎么算的| www.981910.com-彩之星app-| www.dc23.com-达人彩票合法吗| www.206696.com-内蒙快三今天推测号| www.263702.com-官方最好的彩票平台| www.698317.com-描写彩虹色彩的句子| 500彩票www.50080c.com| www.18620.com-梧桐彩票官网| www.188807.com-内苎快三-| www.267848.com-彩票开奖查询彩宝贝| www.604563.com-彩神x能赚多少钱| www.87637.com-今日彩票是真是假| www.057250.com-台湾六星彩-| www.862432.com-彩票怎么运营| www.980804.com-福彩提成怎么算的| www.ef98.com-福建省福彩管理中心| www.o48.club-数学家研究彩票投注| www.66216.cc-河南快三中中两位| www.215668.com-江苏快三网上购买| www.9490.xyz-体彩福彩什么意思| www.855606.com-中国足彩网竞彩大厅| www.94024.com-责任彩票是什么意思| www.9113.online广州体育彩票兑奖处| www.455683.com-区块链发行彩票| www.556111.com-哪个黑彩平台好呢| www.622907.com-全讯彩票官网| www.810907.com-福州体彩店转让信息| www.929710.com-彩票税收怎么收| 易彩网www.12455r.com| www.rj66.com-快三中二个号中奖吗| www.685458.com-3d彩票第三版| www.761953.com-大发时时彩后二计划| www.177148.com-官方一分快三| www.265839.com-福彩6十l-| www.363623.com-数字彩票能玩吗| www.813633.com-宁夏体彩大乐透| www.657409.com-彩票杀号有用吗| www.6oc.com-买东西送彩票可以吗| www.073117.com-亿豪彩票-| www.160042.com-浩博时时彩源码| www.791940.com-今天双色球彩票指南| www.894477.com-彩票63手机app| www.976267.com-红彩会hch555| www.cai5959.com爱彩乐北京快三开奖| www.867238.com-我要查看福利彩票| www.8840.cm-彩票计划基地| www.226250.com-彩票带单老师的秘| www.120503.com-迈巴赫彩票团队| www.32393.com-爱彩彩票网页版| www.07pt.com-体彩今日开奖| www.870723.com-江苏省快3彩票开奖| www.953555.com-七星彩开奖直播间| www.272468.com-上海快三人工计划| www.189062.com-网彩平台-| www.75kc.com-足彩独赢是什么意思| www.39829.cc-江苏快三专家预测网| www.167611.com-手机快三投注| www.nd87.com-大赢家彩票手机版| www.98812.cc-竞彩足球赔率计算器| www.1056.xyz-9485凤凰彩网| www.7666.win-彩票正码-| www.355192.com-彩票中奖最低多少钱| www.443961.com-注册即送18元彩金| www.528227.com-时时彩定位胆买热号| www.876643.com-排列五开奖结果彩吧| www.032337.com-彩票软件推荐| www.619176.com-淄博福彩招聘| www.130.live-彩玉多少钱-| www.1407.cm-大乐透彩池最新资金| www.66447.cc-苏宁彩票加盟吗| www.fv89.com-英国五分彩开奖网址| www.k06.org-玩彩票送彩金的平台| www.70ls.com-联机盒子彩名| www.1408.cn-福利彩票内部| www.5804.com-云顶国际博彩下载| www.12095.com-新浪彩票3d开奖| www.232357.com-彩票赚钱团队| www.406221.com-七星彩哪看规律| www.35442.com-彩99旧版ios版| www.147888.com-彩票163开奖| www.9956.com-今日彩票开奖吗| www.479361.com-足彩只买平局赚| www.545360.com-微信国际彩票投资| www.594059.com-机选一注体育彩票| www.655325.com-打彩是什么意思| www.oj.com-福利彩票兑奖地点| www.227285.com-大乐透亿元巨奖彩票| www.505315.com-350彩票下载| www.22251.com-最新彩票平台大全| www.97181.cc-规划彩票-| www.234496.com-山东彩友沙龙双色球| www.359382.com-七星彩会员数据免费| www.267515.com-吉林省快三遗漏查| www.375603.com-麻将连线带拉彩金| www.hf2.com-安徽省快三遗漏号| www.656008.com-彩神帝网址-| www.877115.com-福星彩开奖直播| www.972423.com-古风彩铅少女| 顶级娱乐www.928621.com| www.lh99.com-中彩娱乐是骗局吗| www.b74.cn-江西彩票中心厅| www.746109.com-天天手游彩票计划| www.490809.com-怎么在淘宝买彩票| www.791320.com-福彩自助投注机| www.876374.com-怎样买彩票大小| www.961975.com-手机怎么下载体彩| 彩多多www.78949s.com| www.uh75.com-深圳快乐彩开奖号码|