原生js網站常用簡潔的TAB選項卡淡出淡進切換效果代碼



88 350 117



特效描述:網站常用切換 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

加群請備注:從官網了解到

老夫子电子