2.淡入淡出的图片
用变量存储透明度
<title>无标题文档</title> <style> #div1{width:293px; height:220px; background:url('images/05.jpg');filter:alpha(opacity:30);opacity:0.3;} </style> <script> window.onload=function () { var oDiv=document.getElementById('div1'); oDiv.onmouseover=function () { startMove(100); } oDiv.onmouseout=function () { startMove(30); } } var alpha=30; var timer=null; function startMove(iTarget) { var oDiv=document.getElementById('div1'); clearInterval(timer); timer=setInterval(function (){ var speed=0; if(alpha<iTarget) { speed=10; } else { speed=-10; } if(alpha==iTarget) { clearInterval(timer); } else { alpha+=speed; oDiv.style.filter='alpha(opacity:'+alpha+')'; oDiv.style.opacity=alpha/100; } },30); } </script> </head> <body> <div id="div1"></div> </body>
DOM操作应用知识补充
表单事件
onsubmit 提交时发生
onreset 重置时发生
表单内容验证
阻止用户输入非法字符 阻止事件
输入时、失去焦点时验证 onkeyup 、onblur
提交时检查 onsubmit
*后台数据检查