凸起的按钮效果


              
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需刷新才能执行]