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天

知道了
百盈PK10 www.23232.com-秒秒彩可以作弊| www.38532.cc-海南七星彩下载| www.21444.com-河北快三精准计划| www.736543.com-6彩库宝典最新开奖| www.812597.com-最新彩票3d书籍| www.882798.com-易彩国际是真的吗| www.961937.com-三彩服饰品牌| 金掌柜www.83993o.com| www.fz07.com-江苏快三代理招收| 大赢家彩票www.589467.com| www.222964.com-快三辅助-| www.813095.com-华彩生活-| www.003427.com-顺盈彩票合法吗| www.105122.com-新浪爱彩足球比分| www.217072.com-官方快三有哪些省份| www.969710.com-江苏体彩网彩票| www.60al.com-分分彩定位胆高手| www.444540.com-彩票6加1开奖查询| www.543656.com-体育彩票加时算吗| www.647622.com-彩票网站程序开发| www.724737.com-梦想彩票站是赌博吗| www.803766.com-彩飘彩票-| www.890313.com-360足彩视频直播| www.962156.com-众彩网t星彩预测| 手机购彩www.327988.com| www.369772.com-六??彩香港管家婆| www.415788.com-七彩阳光音乐试听| www.551484.com-91彩神代玩违法吗| www.667117.com-彩票不可能中的| www.752127.com-中彩彩票客服| www.00791.com-有vr彩票的网| www.72858.com-彩票小狂人五码复式| www.109398.com-金利彩票假吗| www.229563.com-体育彩票排列三| www.372628.com-看到彩虹代表什么| www.j07.com-全国快三走势图| www.sy32.com-福彩3daa牛采会| www.012644.com-有哪些彩票app| www.87nt.com-乐彩客彩票登录| www.026894.com-福利彩票刷流水兼职| www.82kb.com-江西体彩网中奖信息| www.3325.in-彩色装饰画优秀作品| www.659888.cc-查看彩票结果| www.288850.cc-彩票号码遗漏有规律| www.373363.com-新版快三技巧| www.604562.com-盐城人中彩票九千万| www.688382.com-49彩票软件安全吗| www.771446.com-全球彩注册邀请码| www.844644.com-彩票几号卖-| www.906967.com-体育彩票容易中奖吗| www.977357.com-河南结婚彩礼的规定| www.av15.com-官方江苏快三| www.se13.com-重庆时时彩停机公告| www.217868.com-澳客彩票电脑版首页| www.313681.com-更好的彩票预测软件| www.761479.com-好彩妹电视剧名字| www.397915.com-七星彩开咪奖| www.615259.com-彩票软件开发系统| www.754513.com-中彩网双色球搞台赛| www.915853.com-中国竟彩网比分直播| www.bg12.com-下载江苏快三宝典| www.09kh.com-全民彩票916| www.051156.com-鸿运党和彩-| www.939239.com-彩神网彩神论坛| www.n79.org-福彩体彩开奖信息| www.86kz.com-足彩比分直播雪缘| www.26897.cc-北京福彩票网论坛| www.718311.com-中国福利彩票快3网| www.884487.com-福彩试机号走势图彩| 爱彩www.005ac.com| www.053205.com-彩票属于什么行业| www.26692.com-新2彩票网站靠谱吗| www.950122.com-彩票禁止网络销售| www.213823.com-彩票万能公式4码| www.678261.com-中国体育彩票申请书| www.322966.com-易彩网彩票走势图| www.434258.com-福彩销售员演讲稿| www.538971.com-今天彩报图-| www.607751.com-2019亚洲杯竞彩| www.628287.com-滁州市七彩世界诈骗| www.705215.com-手机扫彩票查中奖| www.0820.cm-欧冠可以买彩票吗| www.278342.com-福彩网上投注站官网| www.372679.com-彩帝彩票正规吗| www.xj40.com-鑫彩网靠谱吗| www.79mi.com-彩乐园免费资料大全| www.656557.com-易彩网大发时时彩| www.746363.com-8亿彩app苹果| www.867112.com-分分彩算号-| www.243979.com-陕西福利彩票下载| www.008714.com-高频彩票将被取消| www.606651.com-取个好听的彩票群名| www.710172.com-大优手机彩票平台| www.42062.com-中华彩吧注册下载| www.001803.com-双彩论坛试机号| www.95769.com-t8彩票-| www.23hs.com-东方彩票的网站| www.947868.com-众彩网合法吗| www.gw4.cc-淘彩票大发快3开挂| www.c80.top-河内5分彩开奖平台| www.73lw.com-重庆彩票发行中心| www.105650.com-苹果时时彩下载| www.65mw.com-彩麒麟理财有icp| www.510047.cc-彩盈怎么下载| www.35416.com-代买彩票却打错| www.091878.com-实亿国际是黑彩票吗| www.232637.com-上海快三玩法说明| www.919064.com-立彩是黑彩吗| www.979121.com-好彩三奖金是多少| www.353584.com-京彩彩票违法吗| www.504639.com-彩排的彩是哪个彩| www.594366.com-七彩汇娱乐返现| www.30ts.com-星期六开的彩票是| www.34672.com-可以买彩票的公众号| www.87188.cc-够力七星彩官方网站| www.037489.com-爱投彩票ios| www.635073.com-哈尔滨七彩国际影城| www.696235.com-黑时时彩平台| www.760454.com-汪汪时时彩-| www.815624.com-搜狐福利彩票双色球| www.874767.com-凤凰彩票三分快车| www.932408.com-时时彩必出规律| www.983639.com-幸运国际时时彩| www.kv9.com-安徽体彩一定牛| www.832751.com-财富赢家七彩图| www.921827.com-七乐彩今天开奖结果| www.980907.com-本地七彩冰淇淋| www.ey1.com-快三多少注限号| www.rp41.com-北京快三开奖结杲| www.636052.com-彩虹棋牌下载| www.736234.com-一定牛内蒙古快三| www.811279.com-中国福彩3d图纸| www.309837.com-体彩于斌-| www.394589.com-山东省体育彩票| www.506023.com-盛彩彩票多久了| www.719235.com-描写彩虹的好词| www.925595.com-云彩厅快3合法吗| www.24xn.com-长红彩票平台| www.924441.com-云南福彩彩票开奖| www.970827.com-迷彩兔网站下载| 华为彩票www.915696.com| www.137768.com-3d新彩吧图谜| www.29958.com-亿彩彩票平台app| www.99329.com-中福秒秒彩-| www.293725.com-易旺彩票购彩大厅| www.430457.com-7乐彩最新开奖结果| www.542502.com-福彩今晚金码试机号| www.469195.com-外国彩票分析软件| www.85828.com-久久手机购彩| www.128734.com-卓易彩票app下载| www.85iv.com-易彩彩票网的评价| www.1637.top-老时时彩630| www.6357.wang-红伍彩票-| www.08259.com-湖南福彩投注站图片| www.44320.com-福彩跟单操作兼职| www.82528.cc-网上彩票怎么停售了| www.331555.com-趋势王彩票分析官网| www.521269.com-即时彩是什么| www.038337.com-779彩票软件| www.640612.com-爱盈彩手机下载| www.j38.com-青海省福彩-| www.6084.cm-彩票全包打法| www.8631.xyz-天天彩开奖现场直播| www.79612.cc-福利彩票3d新彩吧|