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.455878.com-体彩彩票app下载| www.29nt.com-简单彩铅画多肉植物| www.11rs.com-搭建一彩票网站费用| www.6535.me-鑫彩娱乐平台登录| www.51699.cc-竞彩足球分析推荐| www.755341.com-福彩双色球预测大师| www.505746.com-快三中奖多少返| www.783164.com-保定福彩管理中心| www.919753.com-吉林快三算账软件| www.cp3100.com-网上福彩快三骗局| www.639574.com-怎样申请竞彩实体| www.752533.com-网上彩票兼职是真的| www.862675.com-中国体彩网选择| www.947667.com-彩票作假吗-| 500万彩票www.39500k.com| www.mh32.com-足球彩票论坛app| 500彩票www.937816.com| www.2038.cm-中彩官网这个软件| www.767536.com-分分彩计划一期| www.158044.com-cc彩球网平台登陆| www.652243.com-四川福彩刮刮乐最新| www.41gt.com-濮阳市彩钢厂| www.463246.com-年后彩票哪天开售| www.822050.com-买彩票有几种方法| www.927800.com-快三中奖多少钱| www.989607.com-最稳彩票计划赚钱| www.f86.cc-华人时时彩登录网址| www.57jd.com-彩之星邀请码| www.187703.com-时时彩稳定买法| www.271512.com-好彩2开奖结果查询| www.076516.com-福利彩票几位数字| www.971312.com-福彩公益行走进摸奖| www.as52.com-体彩排列5开奖号码| www.371867.com-快三号码计算器| www.829173.com-九彩app-| www.239195.com-网络彩票诈骗案| www.357456.com-七乐彩周走势图| www.365775.com-大众彩票手机版下载| www.503330.com-空银行卡代刷彩票| www.39mj.com-彩虹物理原理及分析| www.198954.com-彩神网-| www.830.org-斗鱼直播彩票| www.546799.com-爱乐彩票有漏洞吗| www.646164.com-蓝月亮天天好彩| www.719583.com-3d彩涂报纸-| www.789519.com-买彩为生-| www.cp8758.com-uu快三骗局-| www.763529.com-江苏快三玩法介绍| www.sl56.com-天津时时彩软件分析| www.73au.com-玩彩票大平台苹果版| www.47292.com-德州快三查询| www.526523.com-日本彩票怎么玩法| www.o55.online-赠予彩票-| www.o35.net-彩票分析予测| www.2339.xyz-七彩云南普洱茶熟茶| www.cp844.cc-易彩的app咋下载| www.422996.com-9927彩票-| www.cg6.com-好彩1合法彩票吗| www.160765.com-258彩票开户| www.261576.com-福彩天机图-| www.231528.com-pk10彩票送38| www.312564.com-快发彩票靠谱吗| www.813946.com-新浪风暴竞技彩票| www.6046.org-3d彩票图纸今天的| www.761999.com-福彩3d组合表格| www.11336.cc-北京快三在更新吗| www.064975.com-33彩票是真的吗| www.133109.com-开彩色宝石店| www.276813.com-老9乐购彩票网| www.484078.com-体育彩票下载官网| www.919949.com-彩票软件彩缘| www.995805.com-足彩提高准确率| www.hb92.com-网上的二分彩是骗局| www.f17.club-众彩彩票是骗局揭秘| www.50dq.com-足彩胜负彩新浪预测| www.831350.com-中国福利彩票主任| www.60688.cc-海口七星彩开奖结果| www.eg02.com-新彩网字谜图谜总汇| www.600564.com-华彩网密聊群| www.93431.com-江苏快三投注时间| www.110594.com-福彩15选5开| www.472062.com-三色彩开奖结果| www.720662.com-竞彩猫合买-| www.494939.com-博彩彩票游戏| www.579758.com-体彩19069期| www.659083.com-91彩票是正规的吗| www.770540.com-重庆时时彩几号停售| www.949057.com-福彩在线手机版| www.tw81.com-大乐透彩票投注大厅| www.105783.com-牛蛙彩票现场四不像| www.69268.cc-足球胜负任九彩票| www.067398.com-天乐乐彩票-| www.0846.xyz-足彩哪个网站能买| www.ct07.com-私彩对接官网| www.691751.com-凤凰竞彩推荐| www.922528.com-足彩经验-| www.kt69.com-中国福彩快三网| www.0303.la-彩拾彩票软件下载| www.cai5506.com甘肃快三开奖走势图| www.897812.com-彩票害人家破人亡| www.983734.com-快三跨度表图| www.gy89.com-甘肃快三下载| www.885992.com-体育彩票安卓| www.709393.com-网上买彩票每张中奖| www.835962.com-福彩三d今日开奖号| www.956101.com-买彩票的正确心理| www.vk37.com-快乐彩票下载安装| www.084230.com-运盛彩票手机版| www.585300.com-欧洲时时彩开奖记录| www.4497.xyz-七乐彩19023| www.953965.com-华人彩官网登录| www.4956.com-顶呱刮彩票网站| www.52621.cc-中免绿好彩真假区分| www.761477.com-体育彩票规律讲课| www.954360.com-香港牛蛙彩票888| 99福彩www.356776.com| www.35868.com-头彩票手机版下载| www.73585.com-名人彩票测速网站| www.955655.com-微彩娱乐app登录| 汇彩网www.www.hcw266.com| www.lu61.com-超级时时彩是真的吗| www.u04.club-腾讯3分彩开奖| www.0140.cc-什么是彩色的| www.551099.com-高频彩追号计划| www.088204.com-福利彩票快3河南| www.283795.com-七星彩游戏规则详情| www.383951.com-彩票高频是什么意思| www.125133.com-手机360彩票下载| www.253658.com-老时时彩app下载| www.335707.com-双阳黑彩小哈| www.032134.com-体育彩票店利润| www.233579.com-e球彩玩法窍门| www.816519.com-福彩快三多久开一次| www.193058.com-福建体彩-| www.548655.com-铁公鸡七星彩解梦| www.616952.com-神彩福牛在哪下载| www.680618.com-一号彩票店-| www.753392.com-12彩票专业版| www.833870.com-七彩烟雾烟花价格表| www.908073.com-彩票预测七星彩电话| www.964279.com-500w彩票-| 百姓彩票www.bxcp3.com| www.677151.com-今天的彩报图第一版| www.15xb.com-体彩店电视机怎么装| www.111658.com-快三快赚-| www.492633.com-创业难还是买彩票难| www.234687.com-中国足彩app| www.330650.com-9123彩票下载| www.398894.com-淮南福彩中心地址| www.502961.com-福彩3d今天预测号| www.559787.com-粘彩宝是什么平台| www.59yx.cc-邯郸体彩中心加盟| www.1648.vip-智赢竞彩官网| www.293731.com-1分快三计划表| www.345111.cc-大发彩票如何| www.449829.com-彩票初学者该怎么买| www.539874.com-彩票的数学期望| www.7668.net-福彩双色球广告图片| www.302718.com-快彩王合法吗| www.357760.com-婚姻存续期间中彩票| www.415519.com-国彩跟单合买| www.498569.com-大众彩票骗-| www.550680.com-中国福彩三d开奖| www.593882.com-七彩格子官网|