主题:  求救!!!

anhuiluhuan

职务:普通成员
等级:1
金币:0.0
发贴:96
注册:2003/3/17 1:51:07
#12003/7/8 17:31:47
请问像http://www.deformat.net/dev/deformat_m.php这个网站上的,那个垂直滚动条,是怎么做的啊???



感觉不错

职务:普通成员
等级:1
金币:0.0
发贴:83
注册:2001/11/29 13:44:53
#22003/7/8 22:28:42
用“样式表(CCS)”不就行了!

它网站的用式表代码为:

BODY         {CURSOR: default;
            COLOR: #000000;
            SCROLLBAR-FACE-COLOR: #C9CBC0;
            SCROLLBAR-HIGHLIGHT-COLOR: #C9CBC0;
            SCROLLBAR-SHADOW-COLOR: #C9CBC0;
            SCROLLBAR-3DLIGHT-COLOR: #C9CBC0;
            SCROLLBAR-ARROW-COLOR: red;
            SCROLLBAR-TRACK-COLOR: #EDEEEA;
            SCROLLBAR-DARKSHADOW-COLOR: #EDEEEA;
            SCROLLBAR-BASE-COLOR: #EDEEEA;
            }
TD
{
vertical-align: top;
}



.bodyin {
    background-color: #EDEEEA;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:2px;
    margin-right:2px;
    }
SELECT         {BACKGROUND-COLOR: #79003D; COLOR: #000000; FONT-FAMILY: Arial, helvetica, sans-serif; FONT-SIZE: 10px}

INPUT {BACKGROUND-COLOR: #ffffff; COLOR: red; FONT-FAMILY: Arial, helvetica, sans-serif; FONT-SIZE: 10px; border: 1px #000000; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-style: solid}
.myinput    {BACKGROUND-COLOR: #ffffff; COLOR: red; FONT-FAMILY: Arial, helvetica, sans-serif; FONT-SIZE: 10px; border: 1px #000000; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-style: solid}

_TEXTAREA    {BACKGROUND-COLOR: #ffffff; COLOR: #000000; FONT-FAMILY: Arial, helvetica, sans-serif; FONT-SIZE: 10px; border: 0px #000000; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-style: solid}

OPTION         {BACKGROUND-COLOR: #FFFFFF; COLOR: #000000; FONT-FAMILY: Arial, helvetica, sans-serif; FONT-SIZE: 10px; font-weight: bold}

HR {color: #BFC1B5; height:1px; noshade; line-height: 1px}

A:link {
    COLOR: red; TEXT-DECORATION: none
}
A:active {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
    COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
    COLOR: red; TEXT-DECORATION: none
}


.capitalred
    {
    color: #ff0000;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11 px;
    font-weight: bold;
    text-transform: uppercase;
    }

.standard {color: #000000; font-family: Arial, helvetica, sans-serif; font-size: 10 px}

.underlined {color: red; font-family: Arial, helvetica, sans-serif; font-size: 10 px; text-decoration:none;}

.small {color: #000000; font-family: Arial, helvetica, sans-serif; font-size: 9 px}

.stanbold { font-family: Arial, helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000;}

.stanbold_lg { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold;}

.stanwhite { font-family: Arial, helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #ffffff;}

.stanboldwhite { font-family: Arial, helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #ffffff;}

.stan { font-family: Arial, helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000;}

.stangreyed { font-family: Arial, helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #BFC1B5}

.stanred { font-family: Arial, helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FF0000;}
.stanboldred { font-family: Arial, helvetica, sans-serif; font-size: 11px; text-transform: uppercase; font-style: normal; font-weight: bold; color: #FF0000;}
.mini { font-family: Arial, helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #333333;}
.header { font-family: Arial, helvetica, sans-serif; font-size: 18px; font-style: bold; font-weight: bold; color: #000000;}
.ultra { font-family: Helvetica, Arial, sans-serif; font-size: 250px; color: #710000; font-weight: bolder}
.ultra2 { font-family: Helvetica, Arial, sans-serif; font-size: 250px; color: #A80000; font-weight: bolder}

.cc_bg { background-color: #CCCCCC}

.stanbold_lg_white { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; }

.shadow_table { border-color: black #666666 #666666 black; border-style: groove; border-top-width: 0px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 0px}

.redborder { border: #FF0000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.dotted { border-color: black black #FF0000; border-style: dashed; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.stanwhitebold { font-family: Arial, helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #ffffff; }

.relator {
    position:absolute; width:260px; height:115px; z-index:0;
}

.headin
    {
    background-color: #EDEEEA;
    margin-top:0px;
    margin-bottom:4px;
    margin-left:0px;
    margin-right:0px;
    width:270;
    background-color:;
    border:0px;
    padding: 0px;
    }


.layercontent {
    background-color: #EDEEEA;
    position: relative;
    visibility: visible;
    width: 100%;
    border: none;
    padding: 3px;
}

.linkinfo {
    visibility: hidden;
    position: absolute;
    margin-top:-4px;
    margin-bottom:0px;
    margin-left:-6px;
    margin-right:0px;
    width: 277;
    height: auto;
    background-color: #FFFFFF;
    border: dotted 1px #FF0000;
    padding: 3px;
    vertical-align: top;
    }

.linkinfotab {
    font-family: Arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    cell-padding: 4px;
    border: solid 0px;
    width: 270;
}

.content
    {
    margin-top:0px;
    margin-bottom:10px;
    margin-left:4px;
    margin-right:2px;
    width:270;
    background-color:;
    border:0px;
    padding: 2px;
    }
    
.spacerh
    {
    margin-top:2px;
    margin-bottom:2px;
    margin-left:0px;
    margin-right:0px;
    width:260;
    background-color:;
    border:0px;
    padding:0px;
    }

.linkdatafront
    {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:10px;
    margin-right:0px;
    width:auto;
    background-color:;
    border:0px;
    padding: 0px;
    }
    
.recimg
{
width: 270; height:70; border:0px;
}

.hrspace
{
width: 99%; height:2;
margin-top:0px; margin-bottom:10px; margin-left:6px; margin-right:2px;
border:0px;
padding: 2px;
}



anhuiluhuan

职务:普通成员
等级:1
金币:0.0
发贴:96
注册:2003/3/17 1:51:07
#32003/7/9 11:35:39
不好意思,我不懂:(