您现在的位置是:门户> 编程语言> HTML/CSS

凸起的按钮效果
2020-05-19 13人围观 0条评论
简介凸起的按钮效果
    function movr(src) { src.onselectstart = new Function("return false"); with (src.style) { color="red" borderLeft = "1px solid buttonhighlight"; borderRight = "1px solid buttonshadow"; borderTop = "1px solid buttonhighlight"; borderBottom = "1px solid buttonshadow"; padding = "0"; cursor="hand"; } } function mdwn(src) { src.onselectstart = new Function("return false"); with (src.style) { color="red" borderRight = "1px solid buttonhighlight"; borderLeft= "1px solid buttonshadow"; borderBottom = "1px solid buttonhighlight"; borderTop = "1px solid buttonshadow"; padding = "0"; } } function mout(src) { src.onselectstart = new Function("return false"); with (src.style) { color="black" background = "buttonface"; //此为鼠标移动后的颜色,可根据需要改变 border = "1px solid buttonface"; padding = "0"; } }
    button button button button

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


    body{background: #DDD;} table { width: 450px;height:75; background: #CCC;filter:progid:DXImagetransform.microsoft.shadow(strength=10,direction=135,color=#666666); } td{text-align: center;} td a{ width: 100px; 30px; text-align: center; border-top: 2px solid #FFF; border-bottom: 2px solid #333; text-decoration: none;padding:3px; } td a:hover{ background: #DDD;font-family:华文行楷;padding:5px; } td a:active { padding:7px; color: #ED1C24; font-weight: bold; }
    金翅擘海 独来读网 野火寒烟
    萧萧小雨 湖面无舟 孤零飘客 天牙海脚

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


    function movr(src) { src.onselectstart = new Function("return false"); with (src.style) { color="red" borderLeft = "2px solid buttonhighlight"; borderRight = "2px solid buttonshadow"; borderTop = "2px solid buttonhighlight"; borderBottom = "2px solid buttonshadow"; padding = "0"; cursor="hand"; } } function mdwn(src) { src.onselectstart = new Function("return false"); with (src.style) { color="red" borderRight = "1px solid buttonhighlight"; borderLeft= "1px solid buttonshadow"; borderBottom = "1px solid buttonhighlight"; borderTop = "1px solid buttonshadow"; padding = "0"; } } function mout(src) { src.onselectstart = new Function("return false"); with (src.style) { color="black" background = "buttonface"; //此为鼠标移动后的颜色,可根据需要改变 border = "1px solid buttonface"; padding = "0"; } }

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
分享:

文章评论