JavaScript折叠式列表的网页制作
| 个动作把所有门关上了，我再主动把眼前这扇门打开。 这时还要再遍历一次，来查找<li>中的所有<div>。之前好像我们做过一次了，没错，是好像做过，在第4行，但不完全一样。之前是遍历第一条新闻，现在是在循环语句里，每条新闻都做一次。遍历之后结果存在list_summary中。 var list_summary = this.getElementsByTagName("div"); 随后做了一个判断，判断我眼前是门还是窗户。if (!list_summary[1].className)用来判断第二个<div>是否有class值，感叹号表示“非”，也就是“如果class值非空”则执行下一行。 if (!list_summary[1].className){ 这两个动作通过一个命令来执行，也就是onmouseover（当鼠标经过时）。list_item[i].onmouseover = function(){ 这里最好用一个临时函数，才能执行两个动作。list_item[i]又是什么？在第4行我们用到的是list_item[0]，表示第一个<li>。这里的 i 是第5行的循环语句里的变量。第一次循环i=0，第二次i=1,依此类推。i最大不超过<li>的总数量list_item.length。
到这里，我们的puckerList函数已经编写完，接下来要让设计资讯这个版块能够执行这个函数。代码如下： 还没完，Javascript文件已经编写完整了，并命名为PuckerList.js ，但还没把它和网页绑定呢。 最后提一个要点，你是否发现，HTML页面里没有任何的Javascript代码。就像我们不把CSS属性写在HTML一样，Javascript也要尽量分离开。一个纯HTML文件（结构），一个纯Javascript文 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
