· 在线留言 · 关于我们
全国7X24小时服务热线:
029-8831-1253
 
当前位置:首页>信息化频道>信息技术

信息技术

js语言getElementById的使用
西安软件公司, 西安软件开发 http://www.jzsoftit.com , 西安网站建设, 西安网站制作 http://www.jzsoftit.cn

在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,它的出现,制作一些效果真是太好用了

关于我们  | 果蔬质量追溯系统  | 网站建设  | 网站推广  | 网站运营  | 软件开发  | 软硬件集成  | 软件选型  | 软件外包  | 系统托管  | 成功案例   | IT硬件  | 常见问题  | 在线留言  |  联系方式
  © 2005 www.jzsoftit.com  西安捷众软件科技有限公司 版权所有
地址:西安市高新区科技路东口中天国际B座19层 电话:029-88311253   QQ:1009213309  Email:jzsoftit@163.com