• Khách viếng thăm

  • You are not connected. Please login or register

    Chia sẻ

      

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down   Thông điệp [Trang 1 trong tổng số 1 trang]

    Giới tính Giới tính :
    Nam
    :
    Status Status :
    Buồn chứ sao nữa
    :
    Post Post :
    1899
    :
    Point Point :
    146177
    :
    Được thích Được thích :
    335
    :
    Sinh nhật Sinh nhật :
    20/07/1996
    :
    Tuổi Tuổi :
    20
    :

    Bài gửiTiêu đề: [FM] Chia nhiều tab 11/6/2011, 10:36 am1


    demo:

    Code:
    <!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>Untitled Document</title>
    </head>
     
    <body>
     
    <style type="text/css">
     
    /*Eric Meyer's based CSS tab*/
     
    #tablist{
    padding: 12px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
    font: bold 12px Verdana;
    }
     
    #tablist li{
    list-style: none;
    display: inline;
    margin: 0;
    }
     
    #tablist li a{
    font-size:12px;
    margin-top:20px;
    padding:10px;
    float:center;
    vertical-align:bottom;
    border:1px dashed #5ED7FF;
    width: auto;
    }
    #tablist li a:link, #tablist li a:visited{
    color: #38ABFF;
    }
     
    #tablist li a:hover{
    font-size:12px;
    padding:3px 10px 3px 10px;
    margin-bottom:10px;
    border:1px solid #38ABFF;
    background-color:#38ABFF;
    color: #FFFFFF
    }
    #tablist li a.current{
    background: lightyellow;
    }
     
    </style>
     
    <script type="text/javascript">
     
    /***********************************************

    ***********************************************/
     
    var selectedtablink=""
    var tcischecked=false
     
    function handlelink(aobject){
    selectedtablink=aobject.href
    tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false
    if (document.getElementById && !tcischecked){
    var tabobj=document.getElementById("tablist")
    var tabobjlinks=tabobj.getElementsByTagName("A")
    for (i=0; i<tabobjlinks.length; i++)
    tabobjlinks[i].className=""
    aobject.className="current"
    document.getElementById("tabiframe").src=selectedtablink
    return false
    }
    else
    return true
    }
     
    function handleview(){
    tcischecked=document.tabcontrol.tabcheck.checked
    if (document.getElementById && tcischecked){
    if (selectedtablink!="")
    window.location=selectedtablink
    }
    }
     
    </script>
     
     
    </HEAD>
     
    <ul id="tablist">
    <li><a href="http://www.teen9b.tk/h13-page" onClick="return handlelink(this)">Boxchat</a></li>
    <li><a href="http://www.teen9b.tk/h21-page" onClick="return handlelink(this)">Channel 1</a></li>
     

     
     
    </ul>
    <iframe id="tabiframe" src="http://www.teen9b.tk/h13-page" width="856" height="300px" scrolling="" frameborder="0"></iframe></div></td></tr></table>
    </body>
    </html>


    Trả lời nhanh
    Message reputation : 100% (1 vote)

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang   Thông điệp [Trang 1 trong tổng số 1 trang]

      

    Permissions in this forum:
    Bạn không có quyền trả lời bài viết