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.6447.xyz-天天体彩下载官网| www.878249.com-福彩073期-| www.740022.com-福利彩票几个号码| www.e96.top-体育彩票现场直播| www.171.hk-足彩外围网站九州| www.7569.cm-东莞东方亮彩| www.6555.me-金祥龙版彩票| www.08859.com-福彩3d玩法有假吗| www.7871.cc-贵州快三开奖遗漏| www.51898.cc-彩宝网3d遗漏走势| www.366202.com-彩浩-| www.2175.win-买彩票要身份证吗| www.15511.cc-湖北体彩网点征召| www.oc90.com-彩神密聊号-| www.956580.com-地下六仺彩今晚开奖| www.233008.com-北京福彩3d论坛| www.062234.com-正规福彩快三平台| www.051962.com-彩票贪1360亿| www.9179.online七乐彩中奖彩票图| www.350186.com-云鼎彩票网-| www.749050.com-网上在哪买彩票| www.971655.com-下载彩票248| www.859098.com-河北福彩河北福彩网| www.6uo.com-饭店送彩票活动| www.791656.com-彩票11选五内蒙古| www.886677.com-精准杀号福彩双色球| www.969855.com-七乐彩4拖6多少钱| www.cai9855.com精彩十分开奖号码| www.526432.com-时时彩如何看走势| www.869193.com-福卅体彩31走势图| www.950813.com-腾讯5分彩计划软件| 福彩www.86267l.com| 开心彩票www.557595.com| www.177161.com-河南快三遗漏查询表| www.292426.com-北京快三多少期| www.659347.com-博彩源码哪里可以买| www.kk07.cc-快三网络平台高赔率| www.580069.com-澳洲幸运彩官网| www.694625.com-竞彩篮球吧-| www.807224.com-温州体彩店转让| www.929680.com-七乐彩胆拖投注器| 彩票坊www.582833.com| www.844068.com-体彩管理中心待遇| www.687902.com-陕西体彩app| www.769018.com-118彩库图王中王| www.854467.com-快三开挂辅助器| www.916030.com-体育彩票店怎么加盟| www.979711.com-彩票应用软件| www.kh2.com-彩票快3怎么玩| www.rm55.cc-内蒙十分钟一期快三| www.04oj.com-湘潭福彩中心地址| www.615164.com-喜彩网合法吗| www.64mv.com-三递彩票-| www.736537.com-彩客网安卓手机版| www.995135.com-福彩主任贪了多少亿| www.37548.com-中彩网彩票走势图| www.8881.cm-玩彩送彩金38| 爱彩www.235953.com| www.023623.com-发财猫彩票安卓下载| www.m95.cc-如何举报黑彩票网站| www.693099.com-小白彩票旧版| www.098458.com-中彩快三计划破解| www.912052.com-台湾三分彩开奖网站| www.33qc.com-湛江南国七星彩论坛| www.240641.com-福彩3d彩票贴吧| www.344128.com-周公解梦彩票解码器| www.5727.cc-体彩7位数几点开奖| www.6301.cm-彩铁板电动推拉门| www.50223.com-玩彩网苹果版下载| www.652872.com-重庆时时彩91计划| www.481986.com-七星彩彩票兑换期限| www.277899.com-腾讯彩票合法吗| www.258993.com-足彩14胜平负| www.339214.com-福彩3d今日正版藏| www.422741.com-彩票投注金额计算器| www.536070.com-买彩票一共多少数字| www.629400.com-吉林十分快三| www.700441.com-亚投彩票五分快三| www.779579.com-体育彩票机亏本转让| www.713782.com-彩票折纸教程| www.208192.com-4scc彩票乐库| www.311596.com-陇南福彩中心地址| www.482817.com-买彩票选几位号码| www.581946.com-彩八仙ios客户端| www.cp442.com-甘肃快三一定牛推荐| www.m91.in-彩票提现不到账| www.698500.com-k彩2.0下载安装| www.006592.com-广东好彩1遗漏| www.931422.com-买彩票咒-| www.883092.com-广东福彩任三遗漏| www.657920.com-11选5快彩软件| www.53668.com-时时彩腾龙做号计划| www.854311.com-极速快三辅助| www.054825.com-中国竞彩比分直播| www.143613.com-体彩最新选号法| www.215566.com-福彩彩票有几位数| www.304901.com-11选5彩票专业版| www.468358.com-r8国际彩票如何玩| www.379265.com-北京竞彩分析师招聘| www.852911.com-彩票巨人计划软件| www.944422.com-彩票联盟是骗了吗| 博汇www.837771.com| www.ib23.com-河南省福彩快三| www.494033.com-速8彩票平台注册| www.969042.com-众彩平台骗局| www.cp524.cc-快三属于合法的吗| www.lq78.com-旺彩大乐透预测软件| www.p41.cc-香港快三有什么技巧| www.40fw.com-七星彩走势近30期| www.4583.cn-易彩补漆笔套装| www.4504.top-竞彩自由过关玩法| www.942232.com-彩票对打平台赚佣金| www.998356.com-福利彩票举报电话| www.ic42.com-代买彩票中奖钱归谁| www.yd66.cc-派彩快三能玩不| www.769644.com-如何判断好彩真假| www.7005.vip-足彩一注2元赢多少| www.882431.com-易彩票是什么东西| www.984623.com-彩虹8彩票网站| www.cp2833.com-福彩快三是合法的吗| www.2990.cm-中大奖的彩民| www.9479.net-福彩三d怎么买| www.3808.cc-西安市体彩中心地址| www.660830.com-飞鱼彩票有没有规律| www.262973.com-彩控网-| www.949091.com-高频彩开奖网站| 500彩票www.927793.com| www.96nj.com-排练和彩排的区别| www.541470.com-五彩缤纷-| www.21376.com-分分彩组三组六规律| www.828305.com-披红挂彩是什么意思| www.26811.cc-如何选七星彩号| www.572941.com-时时彩三星杀号绝招| www.306333.com-01彩票官方app| www.531038.com-彩铅樱花怎么画| www.625040.com-51彩票网靠谱吗| 百姓彩票www.bxcp3.com| www.348940.com-合肥福彩店出租转让| www.440055.com-快三摇奖模拟器选号| www.759787.com-高材生彩票审判| www.875449.com-020彩票网-| www.999699.com-长沙彩票中心在哪里| www.qd41.com-福彩七乐彩预测| www.73wv.com-婚恋网站时时彩骗局| www.878553.cc-综艺福彩网站| www.945909.com-订婚四彩礼-| www.985288.com-体彩竞彩网计算器| www.cp3255.com-中国最大的快三| www.ke82.com-山东福利彩票下载| www.65233.com-三地彩涂-| www.120175.com-体育彩票比分直播| www.974807.com-体彩篮球竞彩| www.230706.com-福建福彩快3结果| www.346792.com-大赢家彩平台| www.553002.com-福彩高频彩走势图| www.651258.com-创意水彩笔画作品| www.551031.com-合买彩票中了人跑了| www.821889.com-5星大底彩票伴侣| www.16982.cc-七星彩资讯-| www.76258.com-竞彩之王的博客| www.586857.com-足球彩票怎么算钱| www.886491.com-口袋彩票一购彩大厅| www.bm28.cc-好运来彩票网app| www.3rp.com-彩票和股票哪个好做|