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天

知道了
彩01彩票 www.740945.com-48彩票官网-| www.977519.com-彩票结果公告| www.009954.com-御彩轩人工计划软件| 好彩网www.hcw823.com| www.039755.com-大中华彩票主页| www.490679.com-彩票为何不能网购| www.677206.com-福利彩票五等奖| www.850468.com-365约彩-| 彩之家www.01czj.com| www.90222.com-彩票77下载苹果版| www.28sm.com-网易彩票大乐透杀号| www.3311.biz-彩票有多少个号| www.20622.com-588彩票网-| www.3854.cm-足彩哪个软件好| www.03053.com-买彩票成瘾的表现| www.53421.com-小鸡彩虹儿歌| www.739003.com-体彩和福彩有假吗| www.133999.cc-加微信群买彩票| www.339689.com-彩票中巨奖图片| www.907873.com-合肥体育彩票店转让| www.187652.com-复式彩票多少钱一注| www.517219.com-爱彩人怎么样| www.024764.com-彩票玩法技巧| www.245344.com-网上的易彩堂安全吗| www.845844.com-国外彩票怎么买| www.972576.com-彩铅叠色表-| www.kd20.com-96彩票正规吗| www.33lj.com-中国体育彩票31| www.170111.cc-北京快三开奖软件| www.304067.com-甘肃福彩体彩| www.728849.com-大连体彩中心在哪里| www.802030.com-7m精彩视频-| www.876775.com-香港福彩资料| www.947085.com-体彩高频彩票| www.994262.com-专业彩票分析大师| www.de13.com-秒速快3是什么彩票| www.03727.com-彩票是网赌吗| www.650269.com-亲子彩虹伞玩法| www.74384.com-彩票126app-| www.121375.com-福利彩票双色开结果| www.266922.com-tkcc天空彩票| www.509096.com-彩霸王五点综合资料| www.581406.com-公众号签到送彩票| www.744757.com-网络彩票怎么做庄家| www.982934.com-yczx盈彩在线| www.675797.com-彩票中奖三等奖| www.860189.com-黄金时时彩软件下载| www.qk32.com-福利3彩票开奖结果| www.028375.com-2a彩票-| www.948403.com-87彩票店下载| www.306155.com-彩票01软件-| www.414345.com-表现出彩是什么意思| www.538886.com-快乐时时彩骗局| www.626737.com-众和彩票-| www.703859.com-体育彩票足球怎么看| www.784219.com-众彩批发市场| www.855630.com-中国足彩竞彩计算器| www.922331.com-约彩ios-| www.993542.com-足球彩票有几种玩法| www.aw34.com-内蒙古快三提前开奖| www.tt60.cc-网上哪里可以买足彩| www.749717.com-福彩上海快三开奖| www.862548.com-昨天福彩多少号码| www.82lr.com-中闰彩吧网更懂彩民| www.628691.com-新彩2下载-| www.823768.com-中国体彩360| www.369468.com-中彩网怎么购彩| www.715853.com-爱购彩票正规吗| www.518518.cc-七星彩彩经网综合| www.5156.top-彩票追加一注多少钱| www.2387.cc-七彩西游记k8播放| www.8808.cx-永利彩世界网站| www.683763.com-彩票容易中吗| www.805965.com-凤彩双色球-| www.257033.com-爱彩乐天津-| www.li62.com-306手机彩票| www.kv38.cc-福彩3d开奖结果| www.vk88.cc-新手买彩票教程| www.007816.com-手机彩票网下载安装| www.070303.com-现在网上怎么买彩票| www.981135.com-7彩鲜花-| www.01am.com-雨后现彩虹看图写话| www.28936.cc-彩票快三必中神器| www.815898.com-昨天彩票号码| www.006865.com-河南体育彩票网| www.19218.cc-福利彩票怎么查开奖| www.65397.com-西宁彩票在哪里兑奖| www.018014.com-彩票投注翻倍计算器| www.080948.com-历年7星彩开奖号码| www.696309.com-二分时时彩计划| www.2887.in-江苏快三如何中奖| www.53329.cc-什么是时时彩龙虎和| www.1388.top-简单水彩风景画| www.833382.cc-手机乐赢彩票网| www.0516.wang-江苏快三豹子多少钱| www.077072.com-俄罗斯彩票开奖结果| www.284276.com-彩票平台送彩金18| www.438950.com-竞彩足球二选一怎么| www.572783.com-幸运鑫福彩3d推荐| www.684178.com-福彩3d中奖新闻| www.332273.com-体彩输钱可以报警吗| www.ol56.com-彩票托照片-| www.500060.cc-竞彩11248计划| www.643953.com-彩票中5元在哪领奖| www.788281.com-约彩彩票正规吗| www.903876.com-重庆时时彩龙虎口诀| www.874045.com-快2彩票怎么玩| www.83910.com-足彩概率学-| www.099815.com-高频彩害了多少人| www.258731.com-中国足彩网新版本| www.374992.com-3d彩票计算器下载| www.620356.com-御彩轩如何购买| www.397485.com-彩票正月停几天| www.4620.biz-买彩票的都是哪些人| 亿彩堂www.995168.com| www.819458.com-彩票计划免费app| www.944747.com-附近哪里有体彩店| 福利彩票www.99677u.com| www.271422.com-广东好彩1一彩乐乐| www.001.name-非凡彩瓦-| www.9028.org-竞彩网cba-| www.016992.com-苹果彩16下载| www.142068.com-买2分彩有什么技巧| www.932288.com-888彩票骗局| www.8615.shop-千禧彩票登录| www.7826.xyz-足彩职业彩民| www.73248.com-台湾捷豹彩票| www.4683.xyz-一年几期彩票| www.137407.com-五分彩算胆公式| www.725674.com-彩神uv卷材机| www.905318.com-竞彩足球推荐骗局| www.we75.com-今天六开彩开奖结果| www.461556.com-体彩排列三怎么玩| www.607057.com-新手买体彩怎么写号| www.706048.com-微信群发送彩金| www.810342.com-彩票丹东谜语图| www.890961.com-体彩排列三猜谜| www.959140.com-3d新彩网字迷| www.rn2.cc-最新彩民乐-| www.025790.com-15期喜彩开奖| www.115830.com-福彩三地和尾值| 500彩票www.404099.com| www.958311.com-关于网络彩票赌博| www.999648.com-分分彩号码怎么算| www.lg5.com-福彩快三群真的假的| www.740822.com-3d彩报蓝精灵晚报| www.310544.com-奇门测彩-| www.291629.com-鸿彩快三在哪下载| www.167368.com-江西快三-| www.989016.com-彩票分析思路| www.07708.com-福彩3d一千个号码| www.984395.com-彩票手机号选号器| www.016321.com-福彩走势图模板| www.149387.com-中彩网网页版登陆| www.232525.com-足彩有多少种玩法| www.320884.com-www.皇都彩票| www.392117.com-体彩开奖36选7| www.476601.com-双色球牛彩专家杀号| www.22152.com-玩时时彩输死了| www.33ge.com-体彩大乐透放假时间| www.281857.com-六给彩票玩法| www.011960.com-一彩票图谜-| www.64jt.com-北方老彩民福彩| www.656156.com-买什么彩票稳赚不赔|