存档

文章标签 ‘菜单栏’

Javascript中常见的一个鼠标悬停离开BUG

Apr 5th Fri, 2013/JiaJieChan/折腾/2,211 阅读/7 comments
daima_6598135193424684709

在文章的开端先要说一下,JiaJieChan其实也不懂得Javascript(以下简称JS),不过接触的时间长了,一些文件合并、加载也是知道的。一看JS就头疼,贼长的代码且对这些代码不认识,就像昨晚把菜单栏修改为支持WP自定义菜单、参照mg12的文章修改菜单栏为多级无限菜单,真是把我头都搞大了。我比较喜欢滚动效果,可是目前的JS里面没有这个滚动效果的代码,希望高手能帮我加上去。

今天要说的是一个鼠标事件的bug,也不知道算不算是bug,应该算是一个书写错误吧。我最近都在很多blog网站等看到过这种bug。症状体现为鼠标悬停到某一元素,会弹出一个悬浮层,当鼠标离开它就会消失,当鼠标重复快速的做此动作时,弹出消失的事件就会不停的重复,直至达到刚才鼠标悬停离开的次数。普片出现在菜单栏(二级菜单),其实陈家杰BLOG早前的QR文章二维码也有这个情况(已修复),到今天又看到其他BLOG有这个问题,特意将它记录下来以备不时之需。
Read More...

抽了点时间修改了下Header兼容到IE8

Feb 19th Tue, 2013/JiaJieChan/日志/3,754 阅读/18 comments

killie6

本来的INove LavaLamp菜单栏不错的,可是对于二级菜单出错,所以找了一些菜单栏的JS、CSS样式,最后在mg12那里找到一系列的效果,找了个简单的样式对现在用的INove进行了修改。太多活要干了,光替换就试了N遍,替换好了还要修复由此造成的错位等等问题。

由于菜单栏改了,也占用了一整个位置,搜索栏放不下了,所以便去折腾这个至今都没有改动过的搜索栏。这次把css也彻底改了,把它放到网页的右上角,固定跟着网页滚动。考虑到banana还用得到,所以把右上角小搜索栏右往上缩,鼠标悬浮(hover)的时候往外伸展。

另外菜单栏也支持二级菜单。

这次光浏览器的兼容性也折腾死我了,目前也兼容到IE8及以上,当然还会有一小点的地方影响不大就没有修复。