原生js网站常用简洁的TAB选项卡淡出淡进切换效果代码



86 340 114



特效描述:网站常用切换 TAB选项卡 淡出淡进切换 切换效果,

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/script.js"></script>

3. HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站常用简洁的TAB选项卡</title>
</head>
<div id="tab">
	<div class="tabList">
		<ul class="clearfix">
			<li class="cur">许嵩</li>
			<li>周杰伦</li>
			<li>林俊杰</li>
			<li>陈奕迅</li>
		</ul>
	</div>
	<div class="tabCon">
		<div class="cur">断桥残雪、千百度、幻听、想象之中</div>
		<div>红尘客栈、牛仔很忙、给我一首歌的时间、听妈妈的话</div>
		<div>被风吹过的夏天、江南、一千年以后</div>
		<div>十年、K歌之王、浮夸</div>
	</div>
</div>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 文字切换 文字选项卡 选项卡自动切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到