摘要: 之前写过一篇纯css的下拉菜单,这篇是用js写的,因为这篇的js非常简单,自己感觉用的很巧妙。自己原来一般会把onmouseover和onmouseout放a标签中,但这篇代码把onmouseover和onmouseout放到li标签中,然后在js中用 var hide = li.getElementsByTagName("ul")[0]使得鼠标放在li标签上时,下一级的ul会显示出来,从而完成了下拉菜单。 阅读全文
posted @ 2013-07-05 14:27 心忘记zyf 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 由于要参加网站首页设计的竞赛,所以看了下网站上的图片切换的代码,找了其中一个较简单的模板,写了如下效果的代码。 阅读全文
posted @ 2013-06-24 17:07 心忘记zyf 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 这是一个纯css写的下拉菜单,其中有一个地方说明。我设置二级菜单和三级菜单时分别用了class:zh2 和 class:zh3 来区分二级菜单很三级菜单,因为不这样设置的话,在点击一级菜单时,二级和三级菜单会一起显示,而不是只显示二级菜单。因为我二级和三级菜单都用了visibility 属性,所以用class:zh2 和 class:zh3来区分显示二级菜单和三级菜单,这样点击一级菜单只显示二级菜单而不显示三级菜单。当然这段代码在 Google,Firefox,IE中显示都没问题。 meta http-equiv="Content-Type" content="text/html; charset=gb2312" 阅读全文
posted @ 2013-06-15 20:13 心忘记zyf 阅读(258) 评论(0) 推荐(0) 编辑