手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表全部文章

jQuery 层隐藏

jQuery做二级菜单(模仿京东),非常方便,只需要hover就行了。
正好完成一个mouseover和mouseout就实现这个功能了,但是,如果菜单需要延迟关闭或者通过其他形式来关闭就有点不方便了。

现在网上的很多现成的,都是把子菜单层放在mouseover对象的层内。所以mouseover,mouseout的时候就不用担心了,只要over的时候show,out的时候hide就成了。

不过,我昨天接到的是分别处于两个不同的div,两个div是并级关系。。于是就写了以下代码。

JavaScript代码
  1. $(function(){  
  2.     $('.first_div li').hover(  
  3.         function(){  
  4.             var selId = $(this).index('.first_div li');  
  5.             var _self = this;  
  6.             t = setTimeout(function(){  
  7.                 $('img',_self).attr('src',$('img',_self).attr('src').replace('normal','lightened'));  
  8.                 $('#second_div').show();  
  9.                 $('.sub1_div:eq('+selId+')').show().siblings().hide();        
  10.             },250)  
  11.         },  
  12.         function(){  
  13.             $('img',this).attr('src',$('img',this).attr('src').replace('lightened','normal'));  
  14.             //$('#second_div').hide()  
  15.             clearTimeout(t);  
  16.         }  
  17.     );  
  18.     $('.absLeftMenu').mouseout(function(e){  
  19.         var e = e || window.event, relatedTarget = e.toElement || e.relatedTarget;  
  20.         while(relatedTarget && relatedTarget != this)  
  21.             relatedTarget = relatedTarget.parentNode;  
  22.         if(!relatedTarget)  
  23.             $('#second_div').hide();  
  24.     });  
  25.   
  26.   
  27.     $('.sub1_div li').mouseover(  
  28.         function(){  
  29.             $('#sub2_div').show().html($(this).children('ul').html());  
  30.         }  
  31.     )  
  32. })  
主要也是自己想做个笔记,在absLeftMenu的mouseout的时候,默认一下子就关闭了子层。这样就造成子层会一闪一闪。所以上了上面的代码。。。(抄来的)

Tags: jquery, 隐藏层

备案现在这么复杂了?

本想为自己的小站备案,结果提交到IDC后,他们发来邮件,内容如下:

XML/HTML代码
  1. 尊敬的用户:  
  2.         您在有问必答的提出的问题,现在我们已经给你回复了,请你进入biz.edong.com系统查阅。  
  3.         本次回复内容如下:  
  4.         请提供需要添加的域名对应网站名称和IP  
  5.   
  6. 并提交以下现场核验资料清单:http://www.edong.com/NLG/NLGView.aspx?NLGID=347,并提交一张白底像素不低于800*600的网站负责人的近期的彩色照片。  
  7.   
  8. 注意:a.《网站备案信息真实性核验单》一式两份,需要提交我司原件,请只填写网网站主办者基本信息:(网站主办者填写)以及网站负责人签字。  
  9.       b.《信息安全管理协议书》--江阴欧维/上海欧网 一份,需要提交我司原件。(无网站主办者签字或公司盖章视为无效)。  
  10.       c.其余材料提交原件复印件即可。(域名证书,企业营业执照,负责人身份证)  
  11.       d.企事业单位,网站负责人非法人的,请同时提交一份“网站备案管理授权书”加盖公章。  
  12.   
  13. 授权书  
  14.   
  15. 致:  
  16.   
  17.       本授权书宣告:-----------------------  系我单位员工,现授权其为合法网站备案负责人,全权办理网站备案事宜,该负责人有权在网站备案现活动中,以我单位的名义签署文件,以及处理与此有关的一切事项。  

心都碎了,备个案这么累?以后怎么办?看来,能出还是出吧,国内的服务器啥的。我还是准备放弃了。

Tags: 备案

JS小插件:图片轮换

花了半小时写的插件,没有仔细测试和优化。应该还有优化的空间(绝对有)

页面的效果都是从其他地方拷来的,所以可能有点不对。。。将就点吧。。

» 阅读全文

Tags: jquery, 图片轮换

随笔

这段时间闲在家里。也就放松放松,看看书,写写代码,读读google reader。想到下个月开始就要盯着书看了,有一门该死的课程需要补考。额,财政学,是的。想想看吧,一个做网页的要学财政学。有时候是想不通自己为什么会选择工商管理这门课程,可能当初没的其他专业选择也是一个原因吧。。。

1、手机

手机上可谈的事情太多了, 不过说起来,我现在是用的HTC andorid系统(啊兴编译的senset版),老婆原来是htc g3后来送给不知名打扫卫生的阿姨了吧?最近又在想着折腾手机了。刚才看reader,发现云风也在換手机,不过他选择的是三量的i9000,也是android的系统,不过他说不支持拼音排序,这个我没发现。或许我的拨号已经被替换过了?http://blog.codingnow.com/2010/07/cellphone.html,android是越来越被大众所接受了。

2、office

office是在生活、工作中必不可少的软件,我这里提的office不是指微软的office。只是对于这个工具,究竟改用什么?不过,我为了IB,一直在用wps,其实是他很小,而且文档可以存在网上。不过近来微软的office功能是越来越强大了。在线office也基本上能够让人满意。(主要还是docs.google.com被墙了。唉,现在对于这些都只能将就着用了)。微软的Office最喜欢的还是OneNote。。

3、百姓网

前几天猎头帮我找了百姓网的一个职位,还给了两道题目让我做。我兴冲冲的做好,发给猎头,结果猎头第二天和我说,百姓网要求最少要是本科文凭。郁闷。仿佛上次谁谁谁和我说,他去面试腾讯时,也是直接因为学历而被拒。看来,我本篇博客最初所说的文凭还是得再忍忍了。虽然没有面上百姓网,但也不能将它的面试题公布。唉,职业道德?

4、Apple

先申明一下,我不是果粉。也没有一定的想法是要买马可波罗(mac pro),不过我还是买了一个IPAD,和ipod classic。。一个是因为容量大,又可以当移动硬盘又能听歌,不过,它还是被我的上级领导征用了。ipad是我用来看书的,很high,几十M的pdf打开来也很快。估计要是放到一些其他类似于这个pad那个pad的机器上,快不到哪里去吧?

5、程序

最近发现自己的头脑越来越乱了,本来想在家里放松的时候,整理整理自己的思路和想法,却发现越来越乱。唉。看来程序这东西还是不能和时代脱节,逆水行舟,不进则退。

杂谈

1、高春辉表示升级到了5.3.3,不知道是不是手机之家,但,我真的不敢升级,即使我的版本中basename对中文的处理一塌糊涂,我也不敢升,因为实在不知道升级后会出现什么样奇怪的错误。高春辉说:

http://www.paulgao.com.cn/index.php?itemid=150
  1. 1、parse_url 执行出错的时候不再报 warning 错误了,不再需要使用 @ 了,但是要仔细判断结果是否为 FALSE 了;  
  2. 2、FPM 终于内置了,配置文件从 XML 改成 INI 方式了,增加了例如 xxx.com/status 的报告,和例如 xxx.com/ping 的健康检查功能了,挺好;  
  3. 3、另外这次编译的时候把 ereg 模块也干掉了。以前是为了兼容 PMA,现在 PMA 也不用 ereg 了,就可以 DROP 它了。  

2、对于typecho,我对牧师的网站上的两个模版,我很喜欢。。。

  1. http://typecho.demo.m4go.com/m4tom/ 
  2. http://bl.typecho.me/ 

这可能是个人爱好问题,并非其他模版不好看。

3、上次我在博客里贴了老王的:<?php if($a = 100 && $b= 200){var_dump($a,$b);}?>,结果风雪之隅解释的更详细:http://www.laruence.com/2010/07/26/1668.html,他说,手册上说了:

XML/HTML代码
  1. Note: Although = has a lower precedence than most other operators, PHP will still allow expressions similar to the following: if (!$a = foo()), in which case the return value of foo() is put into $a.   
差不多就是说:其实也简单, 运算符优先级是在存在二义性文法的时候的一种规约规则选择的手段, 而PHP的语法分析文件定义中, 却让等号和T_BOOLEAN_AND(&&)之前不存在了规约冲突.

Tags: 高春辉, typecho, 运算符, 风雪之隅