Идёт загрузка страницы...

htp://aptem.net.ru





    Плоские кнопки (меню).

    <style type="text/css">
    <!--
    a:link, a:visited, a:active, a:hover{text-decoration:none}
    //-->
    </style>

    <script language="JavaScript">
    <!--
    if (!document.layers){
    //Размеры и цвета
    Width=100;
    Font='Verdana';
    FontSize=12;
    AFontColor='#ffffff';
    BFontColor='#ffffff';
    CFontColor='#ffffff';
    FontWeight='normal';
    //normal или bold
    BackGround='#0080ff'; //Цвет кнопок
    BorderDepth=1;
    BorderLight='#00ccff';
    BorderShad='#000000';
    function On(id){
    with(id.style){
    color=BFontColor;
    borderTopColor=BorderLight; borderLeftColor=BorderLight;
    borderRightColor=BorderShad; borderBottomColor=BorderShad;}
    }
    function Off(id){
    with(id.style){
    color=AFontColor;
    borderTopColor=BackGround; borderLeftColor=BackGround;
    borderRightColor=BackGround; borderBottomColor=BackGround;}
    }
    function Down(id){
    with(id.style){
    color=CFontColor;
    borderTopColor=BorderShad; borderLeftColor=BorderShad;
    borderRightColor=BorderLight; borderBottomColor=BorderLight;}
    }
    function Link(Url,Txt){
    document.write("<a href='"+url+"'>"
    +"<div style='position:relative;"
    +"width:"+Width+"px;height:"+FontSize+"px;"
    +"border-width:"+BorderDepth+"px;"
    +"border-color:"+BackGround+";"
    +"border-style:solid;"
    +"padding:"+FontSize/3+"px;"
    +"background:"+BackGround+";"
    +"font-family:"+Font+";"
    +"font-size:"+FontSize+"px;"
    +"line-height:"+FontSize*1.2+"px;"
    +"font-weight:"+FontWeight+";"
    +"text-align:left;"+"color:"+AFontColor+";"
    +"margin-top:2px;"+"cursor:hand'"
    +"onMouseOver='javascript:On(this)'"
    +"onMouseOut='javascript:Off(this)'"
    +"onMouseDown='javascript:Down(this)'>"
    +Txt+"</div></a>");}
    }
    //-->
    </script>

    <!--Код меню -->
    <table width="300" border="0" bgcolor="#0080ff" cellpadding="6" cellspacing="0"><tr><td>
    <script language="JavaScript">
    <!--
    if (!document.layers){
    //Добавляем кнопки
    Link('URL','Yahoo');
    Link('URL','Google');
    Link('URL','Alta Vista');
    Link('URL','Lycos');
    Link('URL','Hotbot');
    }
    //-->
    </script>
    </td></tr></table>


Вернуться?

Перейти к разделу "Учебники по HTML"