QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery新闻资讯列表TAB滚动切换代码

原创商用 jquery新闻资讯列表TAB滚动切换代码

jquery 实现简单大气企业建站新闻资讯列表TAB切换效果,帮助中心 左右切换效果?;趕uperslide开发,下载即可使用。
分享到微信朋友圈
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="magic-background">
	<div class="magic-content">
		<div class="magic-header">
			<h2 class="magic-header-title">帮助中心</h2>
			<div class="magic-tab">
				<div class="hd magic-tab-head">
					<ul class="clearfix">
						<li class="on" style="margin-left:0">新闻资讯</li>
						<li>建站帮助</li>
					</ul>
				</div>
				<div class="bd magic-tab-body">
					<ul class="clearfix">
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">06-22</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">网亮相2018广州创交会 企业营销服务引关注</span>
									</a>
								</h3>
								<p>6月22日,2018创交会在广州广交会展馆隆重举行,网首次亮相创交会因其参展平台网的创新性和高效性而备受关注……</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">06-21</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">功能更新(6月第二期)</span>
									</a>
								</h3>
								<p>手风琴效果、手机支持二级导航、服务导航支持自定义颜色、横幅支持文字描述等。</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">06-07</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">功能更新(6月第一期)</span>
									</a>
								</h3>
								<p>复制栏目,折叠标签新功能,预约按钮自定义,优惠券链接等等</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">05-30</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">建站荣获2018数博会领先科技成果“入围优秀项目”奖</span>
									</a>
								</h3>
								<p>5月26日,2018中国国际大数据产业博览会于贵州省贵阳市盛大召开,同期举行大数据领先科技成果发布系列活动,并揭晓获奖名单,其中建站荣获2018中国国际大数据产业博览领先科技成果“入围优秀项目”荣誉……</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">05-24</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">功能更新(5月第二期)</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
					</ul>
					<ul class="clearfix">
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".magic-tab").slide({
		effect: "left",
		autoPlay: false,
		delayTime: 500
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
悟空彩票 www.53386.cc-时时彩押越大越不中| www.65262.com-彩名堂下载最新版本| www.04133.com-彩票工具一今曰运势| www.99491.com-澳彩网网站-| www.254957.com-内蒙时时彩开奖| www.398248.com-博彩注册送彩金| www.654460.com-时时彩五星做号软件| www.994705.cc-苹果怎么下载好彩客| www.mh22.com-西藏福彩快三助手| www.32np.com-手机号组成彩票| www.8353.cc-福彩跑马规则| www.99165.com-福彩定胆的方法| www.238355.com-彩票福彩3d字迷| www.44428.cc-全民彩票在线| www.64ck.com-2009七乐彩-| www.8938.org-乐玩彩票提款| www.79313.cc-龙江福彩p62开奖| www.yc96.com-聚宝快三真的赚钱吗| www.79zt.com-竞彩足球任选14| www.26841.com-众彩网专家预侧汇总| www.016724.com-三分彩是真的假的| www.121443.com-500彩票导师微信| www.449.org-陌陌上的彩票骗| www.086078.com-e球彩总进球| www.403673.com-体彩7星彩规则| www.594066.com-优乐彩是正规的吗| www.665173.com-七乐彩往期开奖数据| www.734178.com-彩票新版走势图下载| www.797265.com-98彩票被骗-| www.867689.com-彩软科技计划项目| www.925982.com-深圳试行区块链彩票| www.977360.com-北京福彩3d试机号| www.ix02.com-火箭彩票vip下载| www.00os.com-赞美雨后彩虹的诗句| www.812.red-彩虹形状的花束| www.9205.cm-山东体彩论论坛| www.68716.cc-廊坊彩票站出兑| www.052175.com-彩票合买图片| www.448167.com-佳彩国际化妆品骗局| www.538399.com-彩票品类及奖金| www.655734.com-中国彩代刷-| www.958154.com-福彩3d代码选号法| 500彩票网www.61655w.com| www.hd47.com-中国福彩快三湖北| www.xx64.com-668彩票网址| www.861246.com-中国体彩网任选三| www.916097.com-时时彩票注册app| www.966719.com-区块链彩票综艺股份| 众盈彩票www.77996e.com| www.ln21.com-亚洲第一彩票网站| www.zs03.com-河南福彩网走势图| www.23go.com-帝豪彩票负盈利| www.698.tv-竞彩猫指数教程视频| www.3865.wang-贵州快三一共几期| www.37737.com-彩02下载-| www.75299.cc-万豪彩票是诈骗| www.022415.com-说买彩票的幽默话| www.088569.com-现在有哪些彩票平台| www.25882.com-彩虹原唱在线试听| www.59857.com-彩吧开机号3d| www.432169.com-今天福利彩票布衣图| www.535239.com-时时彩怎么玩不会输| www.609094.com-搜狗彩票是不是关了| www.678716.com-国彩彩票平台| www.778046.com-体彩app在线下载| www.861939.com-体彩开奖公告开| www.922148.com-山西各地彩礼价目表| www.982333.com-日本有没有彩票| www.cb70.com-51彩票下载-| www.vp08.com-重庆时时彩连中口诀| www.12mm.cc-正规买彩票软件| www.80de.com-南方彩票是什么| www.1650.net-陕体彩11选5开奖| www.13391.cc-竞彩8场6关多少钱| www.653861.com-3d福彩大全-| www.973155.com-彩虹吉他弹唱| www.2905.me-东北10快三-| www.060969.com-网上买彩票怎么判刑| www.566610.com-亿发彩票网址| www.aq03.com-遵义彩票店几点开门| www.yh13.cc-分分彩任二万能号| www.62ti.com-牛彩3d布衣天下图| www.2505.cm-幸运鑫福彩3d推荐| www.9097.cc-重庆老时彩开奖号码| www.006124.com-江苏体彩前三直| www.114893.com-5oo万体彩-| www.220970.com-彩票助赢软件网页版| www.334566.com-网络彩票不给提现| www.231377.com-智能彩票选号神器| www.355848.com-体彩足球中奖上税| www.096071.com-体育彩票的规则介绍| www.7188.net-彩宝加盟店排行| www.043177.com-彩豚养殖致富| www.92tz.com-澳洲五分彩是什么| www.69iq.com-彩娱乐靠谱吗| www.7072.me-5分快三下载| www.14574.com-如何中七星彩| www.58961.cc-福彩3d定位技巧| www.001878.com-七星彩能买复式的吗| www.074797.com-去彩票店怎么买彩票| www.137305.com-凤凰彩官方网站| www.213867.com-彩神vii官网| www.311825.com-福彩3d报纸图今天| www.492409.com-七彩麻将辅助| www.648986.com-一定牛快三推荐| www.756103.com-58彩票合法吗| www.901903.com-甘肃快三玩法图表| 大赢家彩票网www.339786.com| www.vy20.com-竞彩网购停售| www.466800.com-彩票开奖走势带| www.591769.com-大中华彩票品牌| www.733795.com-频彩改20分钟| www.853755.com-彩票头条计划| www.957874.com-2019彩票大改革| www.bb42.com-大发快三能挣钱吗| www.zj76.com-属鸡彩票幸运号码| www.2182.top-中国体彩彩票的趋势| www.4574.top-在实体店怎么买彩票| www.697068.com-全运彩11选五5| www.602023.com-88彩票预侧-| www.26551.cc-河北快三查询| www.220891.com-快三看号技巧| www.374044.com-七星彩有规律可寻吗| www.tt55.cc-网上能买足彩吗| www.926626.com-褔建体彩31选7| www.cp482.cc-福建快三走势图结果| www.w97.cc-手机购买福利彩票| www.7715.com-旺角彩王-| www.45736.com-澳门乐购彩-| www.521883.com-福体彩开奖公告查询| www.557456.com-高频彩16号关闭| www.866403.com-福彩5分钟一期的| www.961778.com-qq上专业买彩票| www.ql97.com-今天七星彩开奖号码| www.159260.com-乐盈彩票手机版下载| www.354434.com-天天中彩票人工客服| www.441331.com-彩钢板有哪些厚度| www.591136.com-福彩排列七中奖结果| www.672546.cc-电玩8彩票网| www.789350.com-国货彩妆-| www.879537.com-ios上彩票app| www.973371.com-华彩-| www.11084.com-新浪彩票专家预测| www.68675.cc-至尊彩app网址| www.056286.com-体彩站去哪申请| www.170281.com-上海体彩11选五| www.285669.com-中福快三计划作弊器| www.405115.com-彩票中的对数是什么| www.576054.com-v8彩票ios网址| www.759695.com-云彩在线彩票| www.879998.com-陕西福利彩票官网| www.00bg.com-广州福彩快乐十分中| www.85mw.com-陕福利彩票开奖结果| www.274908.com-彩6官方下载3.0| www.578822.com-福利彩票室内图片| www.678904.cc-首存50送58彩金| www.850866.com-腾讯分分彩独胆技巧| www.25836.cc-八卦奇门彩票取数法| www.pc5.cc-最正规彩票平台| www.794054.com-公务员彩票中奖| www.69386.com-快三怎么守号| www.145679.com-中国足彩竞彩官网| www.812522.com-福彩3d书-| www.35sz.com-特区网彩票论坛|