簡潔選項卡Tab，點擊后對應背景也會切換_層和布局特效

同樣是一個選項卡，但多了一個很有趣且很實用的功能，就是當鼠標點擊選項卡的任一項的時候，對應的背景也會切換，這就增加了本Tab的適用范圍，會讓你的網頁更個性，更能滿足你的布局。一位作者根據本站的一款選項卡擴展的功能，感謝奉獻。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html;charset=gb2312" />
<title>常用簡潔Tab-www.ghpqjb.com</title>
<style type="text/css">

</style>

<script language=javascript>

</script>

<script language=javascript>
function get_cookie(name_to_get) {
    var cookie_pair
    var cookie_name
    var cookie_value
    var cookie_array = document.cookie.split("; ")
    for (counter = 0; counter < cookie_array.length; counter++) {
        cookie_pair = cookie_array[counter].split("=")
        cookie_name = cookie_pair[0]
        cookie_value = cookie_pair[1]
        if (cookie_name == name_to_get) {
            return unescape(cookie_value)
        }
    }
    return null
}
// Get the bgColor cookie
var bg_color = get_cookie("bgColor_cookie")
function set_color(color_val) {
 set_cookie("bgColor_cookie", color_val, 365, "/")
}
function set_cookie(cookie_name, cookie_value, cookie_expire, cookie_path, cookie_domain, cookie_secure) {
    var cookie_string = cookie_name + "=" + cookie_value
    // [url]/[/url]
    if (cookie_expire) {
        var expire_date = new Date()
        var ms_from_now = cookie_expire * 0 * 60 * 60 * 1000
        expire_date.setTime(expire_date.getTime() + ms_from_now)
        var expire_string = expire_date.toGMTString()
        cookie_string += "; expires=" + expire_string
    }
    if (cookie_path) {
        cookie_string += "; path=" + cookie_path
    }
    if (cookie_domain) {
        cookie_string += "; domain=" + cookie_domain
    }
    if (cookie_secure) {
        cookie_string += "; true"
    }
    // Set the cookie
    document.cookie = cookie_string
}
if (bg_color) {
    bb1.style.backgroundColor = bg_color
}
</script>    
</head>
<body>
     <div class="Tab1" id="bb1">
        <div class="tab2">
        </div>
        <div class="tab3">
            <div class="Menubox">
                <ul>
                   <li  id="two1" onclick="document.getElementById('bb1').style.backgroundColor='#697dc6';set_color('#697dc6');setTab('two',1,7)" class="hover">
                   <span class="li01">模板無憂首頁</span></li>
                   <li class="li02" id="two2" onclick="set_color('#007C8B');setTab('two',2,7);document.getElementById('bb1').style.backgroundColor='#007C8B'" >
                   <span class="li02">內容分發管理</span></li>
                   <li class="li03" id="two3" onclick="document.getElementById('bb1').style.backgroundColor='#02622A';set_color('#02622A');setTab('two',3,7)">
                   <span class="li03">實驗室數據分析</span></li>   
                   <li class="li04" id="two4" onclick="document.getElementById('bb1').style.backgroundColor='#2a3c79';set_color('#2a3c79');setTab('two',4,7)">
                   <span class="li04">無公害農產品認證</span></li>
                   <li class="li05" id="two5" onclick="document.getElementById('bb1').style.backgroundColor='#860407';set_color('#860407');setTab('two',5,7)">
                   <span class="li05">電子商務系統</span></li>
                   <li class="li06" id="two6" onclick="setTab('two',6,7);document.getElementById('bb1').style.backgroundColor='#F79305';set_color('#F79305')">
                   <span class="li06">軟件編程與實踐</span></li>
                   <li class="li07" id="two7" onclick="document.getElementById('bb1').style.backgroundColor='#000';set_color('#000');setTab('two',7,7)">
                   <span class="li07">平臺設置</span></li>
                </ul>
            </div>
        </div>        
    
    </div> 
    
    <div class="Contentbox">  
        <div id="con_two_1" class="hover"><a href="/"><img src="http://mb5u.com/images/logo.gif" border="0">模板無憂</a></div>
        <div id="con_two_2" style="display:none"><center>內容分發管理的內容</center></div>
        <div id="con_two_3" style="display:none"><center>實驗室數據分析</center></div>
        <div id="con_two_4" style="display:none"><center>無公害農產品認證</center></div> 
        <div id="con_two_5" style="display:none"><center>電子商務系統的內容</center></div> 
        <div id="con_two_6" style="display:none"><center>軟件編程與實踐的內容</center></div> 
        <div id="con_two_7" style="display:none"><center>平臺設置</center></div> 
    </div>
       
 </body>
</html>

所屬頻道：層和布局特效/更新時間：2012-11-20

[收藏][報錯][返回列表]

相關層和布局特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

簡潔選項卡Tab，點擊后對應背景也會切換_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些