?? 4.17 checkbox鼠標移入移出的特效.htm
字號:
<html>
<script language="javascript">
var node;
var inited=false;
var init=function() //初始化方法
{
node=document.getElementById("chk1"); //找到頁面中的checkbox控件
inited=true;
}
var check_over=function() //鼠標移入事件綁定的方法
{
if(!inited)
return;
node.style.borderStyle="solid"; //設置邊框
node.style.borderColor="#FFCC00"; //設置邊框顏色
node.style.backgroundColor="#EEEEEE"; //設置背景色
}
var check_out=function() //鼠標移入事件綁定的方法
{
node.style.borderStyle="none"; //設置邊框
node.style.borderColor="#FFFFFF"; //設置邊框顏色-白色
node.style.backgroundColor="#FFFFFF"; //設置背景色
}
</script>
<body onload="init()">
<input type="checkbox" id="chk1" onmouseover="check_over()" onmouseout="check_out()" />把鼠標移過來
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -