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
*后台数据检查