凸起的按钮效果
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需刷新才能执行]