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.00035.cc-彩色包装厂家| www.625757.cc-快开彩票改20| www.712463.com-爱米彩票真挣钱吗| www.800858.cc-彩票丹东全图| www.376812.com-491cc彩票网| www.622445.com-全天时时计划彩神| www.341032.com-沧州福利彩票| www.544679.com-cc彩票登录平台| www.kk9.cc-中国彩吧牛材网| www.093395.com-快三二不同指什么号| www.cp5115.com-江苏快三玩法有诀巧| www.62832.cc-新浪篮彩比分| www.379693.com-夫妻因幻想中彩票| www.985795.com-狗哥足彩推荐| www.03634.com-七星彩能挣钱吗| www.2159.com-辽宁省福彩中心电话| www.029318.com-彩票代打骗局| www.18fn.com-派彩助手上海怏3| www.958.cc-七星彩模拟选号| www.693125.com-买彩网站-| www.25tu.com-创意彩票海报| www.0798.date-网上怎么找足彩客户| 彩69www.096610.com| www.236712.com-竞彩足球胜平负| www.9346.biz-福利彩票录播事件| www.er44.com-今天体彩独胆| www.729511.com-快三复式万能5码| www.289757.com-体育彩票开奖号| www.869979.com-福彩3d胆拖-| www.mg7.cc-甘肃快三遗漏号码| www.1382.net-福利彩票40万个税| www.361156.com-七彩燕鱼怎么养| www.504585.com-彩排的彩什么意思| www.9089.cc-锡山区体彩中心| www.43690.com-河北福彩好运三| www.18vi.com-七乐彩一周开几次奖| www.58zx.cc-中国体彩店招| www.059806.com-小鹿多彩-| www.516255.com-快三彩票接口怎么接| www.602116.com-福利彩票快2玩法| www.683483.com-彩票过滤-| www.7031.cn-篮球彩票算加时赛吗| www.45854.com-云南时时彩走势| www.yq38.cc-31选7私彩-| www.476887.com-国彩彩票网址| www.3122.cm-海南七星彩黑马赌王| www.043774.com-网上彩票刷分红| www.8300.cn-台州市福彩网| www.q59.cc-江苏老快三开奖号| www.637723.com-彩六要挂加速器吗| www.346982.com-美术彩铅画图片| www.017128.com-快三一共有多少对子| www.092710.com-彩票软件注册送彩金| www.715217.com-怎么买彩票最靠谱| www.826580.com-家彩网p3开奖结果| www.931019.com-体彩七星彩中奖玩法| 火星彩票www.hx6606.com| www.bh28.com-神州彩票怎么样| www.uy39.com-快三投注计算| www.49343.com-三分时时彩官方网站| www.wd76.com-东北快三开奖| www.477979.com-积分换彩票是真的吗| www.567552.com-多彩贵州城门票| www.659952.com-临沂彩票分析大师| www.770356.com-彩票广告语-| www.889876.com-篮球彩票-| www.984306.com-官方时时彩网投平台| www.da23.com-彩票争霸官网| www.zn08.com-福彩积分扫一扫| www.565707.com-99彩吧字谜图谜| www.653606.com-玖富彩票网-| www.780010.com-彩虹代刷网克隆站点| www.851922.com-足彩单场玩法| www.11975.com-下载福彩投注网站| www.57956.cc-江苏彩票七位数规则| www.025072.com-幸运彩票平台黑钱吗| www.101538.com-立彩助手评价| www.166103.com-快三计划网站| www.237895.com-广西快三派彩助手| www.303195.com-汇彩国际-| www.661053.com-彩票门户网址大全| www.668082.com-3d彩票圣手-| www.802268.com-精彩视频下载| www.856564.com-福彩3d藏宝图高清| www.922433.com-天津五星时时彩经网| www.977360.com-北京福彩3d试机号| www.dk46.com-排三彩宝网-| www.rn95.com-⑧号彩票论坛的网址| www.592745.com-彩虹和长鹰无人机| www.60856.com-合乐彩票合法吗| www.013250.com-南海网彩票-| www.169027.com-体彩快3-| www.896885.com-彩票挂机软件制作| www.969375.com-酷彩吧中奖怎么领| 万彩网www.wcp686.com| www.760037.com-广东36选7好彩2| www.915895.com-中国体彩加盟费用| 爱彩www.005ac.com| www.713122.com-网易彩骗-| 易彩网www.12455hh.com| www.466147.com-彩票套利有几种方法| www.596563.com-01彩票东坡下载| www.919123.com-黑彩有哪些app| 500彩票网www.606865.com| www.975420.com-彩8在线-| www.248415.com-好彩票手机版| www.334447.com-专业高频彩计划网| www.151.in-哭着笑彩虹什么歌曲| www.8686.mobi-体彩七星彩24| www.392797.com-今晚的彩票中奖号码| www.776693.com-抚州市福彩中心地址| www.998281.com-福彩实业有限公司| www.3854.xyz-福彩梅子今天预测号| www.979490.com-宝宝计划彩票| www.cw66.cc-必赢彩票事件| www.598220.com-竞彩推荐2串1| www.663971.com-头彩网app-| www.737306.com-众彩网址-| www.799431.com-中华彩票报纸大全| www.482470.com-彩票做号软件大全| www.yl07.com-万彩吧高手预测| www.46ww.com-体彩归哪个部门管| www.033972.com-七乐彩票怎么充值| www.097829.com-鑫彩网彩票注册官网| www.159288.com-乐盈彩票登入| www.84434.com-彩钢家庭住宅| www.121507.com-百合网上的彩票托| www.757842.com-伍佰万彩票-| www.674880.com-福彩归什么部门管辖| www.64cc.cc-彩吧红五图车| www.271593.com-快三合之规律| www.964251.com-竞彩足球彩票官网| www.306358.com-彩票缩水软件安卓版| www.403388.com-内蒙快三出什么号码| www.1752.win-信彩平台计划软件| www.362955.com-大发鸿运彩票网| www.371925.com-国家官方彩票有哪些| www.532234.com-大悲咒求财中彩票| www.578615.com-青海体彩一等奖| www.071905.com-秒速时时彩在线预测| www.zn61.com-下载吉林省快三| www.0024.com-什么彩票是6个数字| www.319338.com-福彩3d最新跨度表| www.58139.cc-福彩复式怎么玩法| www.059980.com-境外彩票网站哪家好| www.222178.com-福彩3d开奖解密| www.972307.com-彩票开奖结果早知道| www.229808.com-六福彩-| 吉利彩票www.66376l.com| www.46yn.com-大乐透彩乐乐杀号| www.3082.cn-众发彩票app| www.hb2.cc-q彩后购彩大厅| www.055011.com-彩票购买软件| www.328218.com-彩乐网福中网49| www.9834.cc-广西体彩投诉电话| www.189462.com-江苏快彩助手| www.19783.cc-嘉兴体育彩票征招点| www.175267.com-j江苏快三计划| www.730562.com-褔彩3d-| www.5sn.com-昆明牛牛彩票网| www.812033.com-下载河北竞彩| 购彩网www.917gc.com| www.204515.com-江西快3彩票| www.791104.com-澳门足球博彩博彩业|