webCollection
/
JAVASCRIPTtest.htm

<!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>
    <title></title>
    <style type="text/css">
    a
    {
        color:#5086a5;
        text-decoration:none;
        font-size:12px;
    }

    a:hover
    {
        color:#5086a5;
        text-decoration:underline;
        font-size:12px;
    }

    a:visited
    {
        color:#5086a5;
        font-size:12px;
    }

    #tabDiv
    {
        width:600px;
        margin:1em auto;
        padding-bottom:10px;
        border-right:#b2c9d3 1px solid;
        border-top:#b2c9d3 1px solid;
        border-left:#b2c9d3 1px solid;
        border-bottom:#b2c9d3 1px solid;
        background:#ffffff;
    }

    #tabsHead
    {
        padding-left:0px;
        height:26px;
        background-color:#e8f7fc;
        font-size:1em;
        margin:1px 0px 0px;
        color:#5086a5;
        line-height:26px;
    }

    .curtab
    {
        padding-top:0px;
        padding-right:10px;
        padding-bottom:0px;
        padding-left:10px;
        border-right:#b2c9d3 1px solid;
        font-weight:bold;
        float:left;
        cursor:pointer;
        background:#ffffff;
    }

    .tabs
    {
        border-right:#c1d8e0 1px solid;
        padding-top:0px;
        padding-right:10px;
        padding-bottom:0px;
        padding-left:10px;
        font-weight:normal;
        float:left;
        cursor:pointer;
    }

    p
    {
        font-size:9pt;
        margin-left:20pt;
    }
    </style>
    <script language="javascript" type="text/javascript">
        function setCookie(c_name, value, exdays) {
            var exdate = new Date();
            exdate.setDate(exdate.getDate() + exdays);
            var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
            document.cookie = c_name + "=" + c_value;
        }

        var tmp = "username=5;expires=Wed, 16 Feb 2011 14:11:22 UTC;path=/;domain=localhost:1083";

        setCookie("username", "5", "3");
        var tmp = 0;


        function showTab(tabHeadId, tabContentId) {
            var tabDiv = document.getElementById("tabDiv");
            var taContents = tabDiv.childNodes;
            for (var i = 0; i < taContents.length; i++) {
                if (taContents[i].id != null && taContents[i].id != 'tabsHead') {
                    taContents[i].style.display = 'none';
                }
            }

            document.getElementById(tabContentId).style.display = 'block';
            var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a');
            for (var i = 0; i < tabHeads.length; i++) {
                tabHeads[i].className = 'tabs';
            }
            document.getElementById(tabHeadId).className = 'curtab';
            document.getElementById(tabHeadId).blur();
        }
    </script>
</head>

<body>
<form id="form1" runat="server">
<div id="tabDiv">
<div id="tabsHead">
<a class="curtab" id="tabs1" href="javascript:showTab('tabs1','tabContent1')">钗头凤</a>
<a class="tabs" id="tabs2" href="javascript:showTab('tabs2','tabContent2')">卜算子</a>
</div>
<div id="tabContent1" style="display:block">
<p>
红稣手，黄藤酒，<br />

满城春色宫墙柳。<br />

</p>
</div>
<div id="tabContent2" style="display:none">

<p>

驿外断桥边，寂寞开无主。<br />

已是黄昏独自愁，更著风和雨。<br />

</p>
</div>
</div>
</form>
</body>
</html>