在j网站设计时所用到的javascript语言中,经典会用到getElementById这个元素,而且它在javascript中的重要性很大,特别是对一些动力效果,像js菜单、鼠标指向效果等等……
下面就一个短小的程序来分析说明一下:
function NavMenu(id)
{
for(var j=1;j<=10;j++)
{
document.getElementById(’subnav’+j).style.display=’none’
document.getElementById(’mainnav’+j).className=’Newsbg’;
}
document.getElementById(’subnav’+id).style.display=’’;
document.getElementById(’mainnav’+id).className=’qNewsbg’;
}
</SCRIPT>
这是一个菜单效果,效果见yeyulife.com(业余生活网)
for(var j=1;j<=10;j++)
{
document.getElementById(’subnav’+j).style.display=’none’
}
它的意思是设计subnav1,subnav2,subnav3……的style.display属性为none
document.getElementById(’subnav’+id).style.display=’’;
这个意思是当时的id元素,比如subnav8,的display属性为空,即显示subnav8里的内容。再配合onMouseOver的动态效果,就可以设计一下自己需要的效果。
getElementById,它的出现,制作一些效果真是太好用了 |