WEB开发网
开发学院网页设计JavaScript Javascript实例教程:点击传参方法和鼠标事件方法 阅读

Javascript实例教程:点击传参方法和鼠标事件方法

 2012-04-15 09:18:34 来源:WEB开发网   
核心提示:for(var i=0;i<list.length;i++){if(list==dom){list.className = "on";con.style.display = "block";}else{list.className="";con.styl

for(var i=0;i<list.length;i++){
if(list==dom){
list.className = "on";
con.style.display = "block";
}
else{
list.className="";
con.style.display="none";
}
遍历一下所有的li元素,找到和传进来的dom一样的东西,然后把他的class设置为on,并且把相对应的div给显示出来,其他的就全部把className设置为空,并且把对应的div给隐藏。
大概就是这样。但是大家肯定就都发现了这样的写法的缺点,就是每个li都要设置一个onclick时间传入它自己。这样有点违反了结构与表现相分离的道理。所以我们就换种写法
二,直接写入鼠标事件方法

上一页  1 2 3 4 5 6 7 8 9 10  下一页

Tags:Javascript 实例 教程

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接