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.8588.bid-31竞彩吧安全吗| www.73346.com-海南彩砖-| www.035051.com-彩票平台刷返利教程| www.134712.com-快三回血贴吧| www.229044.com-好彩门天下彩| www.322330.com-彩票狂人梁学武| www.397839.com-足彩比分直播预测| www.537973.com-色彩装饰画-| www.606957.com-港澳时时彩开奖号码| www.675785.com-新浪彩票名家大乐透| www.750712.com-爱彩彩票可靠吗| www.817335.com-8号彩票分析软件| www.892917.com-登陆全民彩票| www.958543.com-大发时时彩骗局| 500彩票www.303483.com| www.979755.com-博发彩票是真的吗| www.df98.com-快三的玩法-| www.t78.shop-内蒙古福彩开奖直播| www.83wi.com-福彩3d大圣字谜| www.4156.cm-彩虹演员表-| www.967597.com-3d福彩多久开奖| www.256718.com-中国彩吧3d试机号| www.538381.com-国彩网投-| www.740205.com-澳门高频彩票| www.954535.com-彩77安卓官方下载| www.2176.wang-福彩中奖身份证| www.856630.com-反水彩票平台| www.975242.com-快彩王是怎么坑人的| www.95322.com-竞彩足球外围比分| www.512898.com-好运时时彩网址| www.730305.com-彩尊安卓版下载| www.td84.com-彩票预测神器这么准| www.1720.la-可靠一点的黑彩平台| www.44545.cc-福建体彩中心主任| www.078972.com-打七星彩诀窍| www.273969.com-11选5彩票平台| www.01168.com-福彩3d精英心水网| www.056071.com-中国七乐彩中奖规则| www.290877.com-彩票复式投注计算器| www.128705.com-福彩3d图纸解密| www.436706.com-网易彩票真正网址| www.667410.com-三涉彩-| www.737254.com-彩之网3d相年富途| www.813409.com-金沙国际彩票| www.901369.com-体彩大家玩什么彩| www.969596.com-体育篮球竞彩网首页| www.cai1811.com快3彩票合法吗| www.lk54.com-彩八彩票ios版| www.n14.bid-热购彩票登录线路| www.44er.com-七彩本草滴丸真假| www.1054.cc-华彩网计划| www.6445.cm-福彩双色球31号| www.22598.cc-齐鲁风采七乐彩软件| 七彩www.53900g.com| www.gf35.com-北京快三技巧顺口溜| www.e85.com-海口七星彩开奖时间| www.59an.com-中国体彩政策| www.301824.com-海南七星彩现场直播| www.452971.com-3d图库彩吧第五版| www.561208.com-天下彩首页1234| www.633554.com-天天中彩票快3走势| www.521408.com-福彩360全国开奖| www.730158.com-福彩3d真精华布衣| www.183517.com-中彩票-| www.942062.com-上海快三綜合走勢圖| www.fy65.com-快乐彩任选三| www.7110.biz-七彩音符加盟| www.66183.cc-御彩轩计划网页版| www.188029.com-快乐时时彩是哪里的| www.426648.com-3d福星福彩推荐号| www.323046.com-百度彩票网-| www.493549.com-福彩3d彩图汇总| www.582048.com-乐玩彩app-| www.647532.com-体体彩排列五开奖| www.454455.com-网易购彩票-| www.9919.wang-中国体彩开结果| www.104545.com-绿好彩香烟代购| www.201577.com-看看彩票开奖| www.284409.com-百度彩票是正规的吗| www.365356.cc-手机快三的案件| www.467518.com-彩票计划挂6期包赔| www.559747.com-彩宝网诈骗-| www.629736.com-三个数是啥彩票| www.699595.com-福彩双色球开奖规则| www.777012.com-免费下载彩六| www.853361.com-河口彩客化学泄漏| www.918933.com-彩票模拟投注器| www.977253.com-全中彩票手机版下载| www.wg01.com-大发时时彩网页计划| www.14mr.com-湖北仙桃结婚彩礼钱| www.85cu.com-足彩派奖日期| www.997485.com-彩票哪一个比较好| www.nl38.com-365福利彩票| www.92tc.com-彩003-| www.2401.org-好彩妹心水码| www.8124.com-彩票3d几点停售| www.54142.cc-体彩标志的含义| www.022905.com-黄金8彩票网提现| www.137834.com-大公鸡七星彩电脑版| www.41712.com-分分中彩票官网| www.022697.com-重庆时彩投注软件| www.78ys.cc-星彩网是什么| www.8483.cm-易彩网大发时时彩| www.233073.com-重庆福彩中心官网| www.342212.com-大发快三微信群交流| www.529807.com-中国福利彩票直播间| www.699638.com-快中彩票-| www.930027.com-香港牛蛙彩票网址| www.td.com-官方彩票软件| www.68ca.cc-竞彩网258官方网| www.4439.me-实亿彩票网址| www.43199.com-五分钟即开彩票| www.008569.com-19041期胜负彩| www.362828.com-雨后彩虹的形成课文| www.0pn.com-众乐彩票主页| www.752.mobi-时时彩后二和值| www.17726.cc-竞彩让球胜平负开奖| www.488733.com-七乐彩票平台犯罪吗| www.581530.com-快三软件计划app| www.664101.com-福彩初几开始售票| www.722708.com-体彩足彩规则| www.791863.com-彩票兑奖处-| www.865234.com-天下彩彩友网| www.ef8.cc-福利彩江苏快三下载| www.xw06.cc-永盛彩票app| www.77qc.com-国家对境外网络彩票| www.700018.com-竞彩足球跟单可靠嘛| www.923068.com-彩票好运占卜下载| www.987227.com-皇都彩票一彩种| www.fq9.com-时时彩黑客破解公式| www.tw25.com-快8彩网app下载| www.47uo.com-彩票平投怎么赚钱| www.946.bid-彩票分析理论| www.6851.cn-彩乐爆危险吗| www.21982.cc-手机app刷彩兼职| www.852353.com-十一选五彩票| www.919489.com-时时彩平台搭建流程| www.101603.com-中原彩票用户注册| www.181051.com-快三单双关系加减一| www.269951.com-盈彩官方注册| www.335540.com-快三助手安全吗| www.426510.com-竞彩研究心得| www.519816.com-五福821彩票下载| www.572366.com-青海省快三推存号| www.628355.com-彩票赊账-| www.741100.com-体彩末位淘汰| 多乐彩票www.544242.com| www.75500.com-99彩票是真的假的| www.63ua.com-高手计划塞车彩票| www.853455.com-海南4十1彩票图库| www.45eu.com-我要下载152彩票| www.447823.com-分分彩五星计划网站| www.776771.com-重庆时时彩几点停止| www.886376.com-好运来时时彩下载| www.984381.com-江苏快三的危害| www.fp55.com-腾讯彩票500万| www.u87.top-特吧彩吧高手网| www.91bh.com-线上投彩平台合法吗| www.5100.hk-时时彩中奖号码| www.21557.cc-时时彩遗漏统计助手| www.013793.com-7星彩和值走势图| www.219671.com-快三最好的预测软件| www.324259.com-中彩网走势图新浪| www.442199.com-分分彩定位胆高手|