浏览模式: 标准 | 列表分类:Javascript
Submitted by gouki on 2010, August 3, 8:09 AM
突然间在google reader里看到为之漫笔的订阅变成hello world，很是惊讶，后来才知道，是他的站点所在服务器硬盘坏了。这，确实是一件很痛苦的事情。不过所幸，他还是恢复了数据，然后他又选择了出国。额，好象越来越多的人选择了出国。
他在恢复数据后，对原来的文章进行了整理，把近年来一些优秀的文章提炼了出来，不过，目前还不是特别多：http://www.cn-cuckoo.com/the-good-parts-of-my-blogs-from-2007-to-2010，但已经有几篇了。
他是这么说的：【除了修补过往旧文，我还计划挑选整理一个《精华文章汇总》的页面，把那些价值相对较大的文章从“垃圾”堆里挑出来，摆在明面上。这样就不会过多地浪费读者 诸君的宝贵时间了。现在，这个页面的链接已经有了，今后还将不断充实：2007－2010年精华文 章汇总。】
所以，又可以期待了。
其实，挺佩服李老师的，他认为：【然而，眼瞅着后台那些十根手指头都数不过来的Ping链接，我清醒地意识到还有不少站点在引用和转载我以前的文章。如果这些引用都变成了空链接，不仅我面 子上不好看，也会给不知道有多少读者学习深造带来极大不便。毕竟，在这个网络时代，作为其中的一个结点，我和这个站点都已经不再孤立存在了，而是与千千万 万的其他结点建立并保持了千丝万缕的联系。如果数据真的丢了，可让我怎么面对那些素未谋面，而将来又有可能谋面但因此又可能永远也不会再谋面的花朵一样灿 烂的脸孔呢？想到这里，我原来如释重负的感觉一下子无影无踪了，一种因失职而难逃其咎的负罪感油然而生。】
我一直不敢換我的博客，其实也有类似的考虑。唉。。。当然我的外链可没有李老师那么多。
Tags: 为之漫笔, javascript
Javascript | 评论:0
| 阅读:18314
Submitted by gouki on 2010, August 2, 2:51 PM
没有什么特别的东西。主要就是有了一个延迟，但效果不是特别好。。将就点了。
JavaScript代码
- $.fn.gTab = function( opts ){
- var options = {
- 'timer':0,
- 'hover':'',
- 'target':'',
- 'autoswitch':false,
- 'addClass':'',
- 'removeClass':''
- };
- var self = $(this);
- opts = $.extend(true, {},options,opts || {});
- if(!opts.target){
- alert('对不起，请设置目标对象');
- return ;
- }
- if(!opts.hover){
- opts.hover = self;
- }
- var hoverIntervalFunc = function(index){
- return setInterval(function(){
- $(opts.target+':not(eq('+index+'))').hide();
- $(opts.hover+':not(eq('+index+'))').removeClass(opts.addClass).addClass(opts.removeClass);
- $(opts.target+':eq('+index+')').show();
- $(opts.hover+':eq('+index+')').removeClass(opts.removeClass).addClass(opts.addClass);
- },opts.timer);
- }
-
- $(this).hover(
- function(){
- var index = self.index(this);
- cId = hoverIntervalFunc(index);
- },
- function(){
- clearInterval(cId);
- }
- )
- }
花了半小时写的。所以效果一些都没有特别的考虑。只考虑实现就完事了。。。象很多都是用的:eq和:not(:eq)，事实上siblings()已经实现这个功能，但当时写的时候没翻到这个函数，就直接用:not(:eq)来解决了。
Tags: jquery, tab
Javascript | 评论:0
| 阅读:19382
Submitted by gouki on 2010, July 30, 5:36 PM
jQuery做二级菜单（模仿京东），非常方便，只需要hover就行了。
正好完成一个mouseover和mouseout就实现这个功能了，但是，如果菜单需要延迟关闭或者通过其他形式来关闭就有点不方便了。
现在网上的很多现成的，都是把子菜单层放在mouseover对象的层内。所以mouseover,mouseout的时候就不用担心了，只要over的时候show,out的时候hide就成了。
不过，我昨天接到的是分别处于两个不同的div，两个div是并级关系。。于是就写了以下代码。
JavaScript代码
- $(function(){
- $('.first_div li').hover(
- function(){
- var selId = $(this).index('.first_div li');
- var _self = this;
- t = setTimeout(function(){
- $('img',_self).attr('src',$('img',_self).attr('src').replace('normal','lightened'));
- $('#second_div').show();
- $('.sub1_div:eq('+selId+')').show().siblings().hide();
- },250)
- },
- function(){
- $('img',this).attr('src',$('img',this).attr('src').replace('lightened','normal'));
-
- clearTimeout(t);
- }
- );
- $('.absLeftMenu').mouseout(function(e){
- var e = e || window.event, relatedTarget = e.toElement || e.relatedTarget;
- while(relatedTarget && relatedTarget != this)
- relatedTarget = relatedTarget.parentNode;
- if(!relatedTarget)
- $('#second_div').hide();
- });
-
-
- $('.sub1_div li').mouseover(
- function(){
- $('#sub2_div').show().html($(this).children('ul').html());
- }
- )
- })
主要也是自己想做个笔记，在absLeftMenu的mouseout的时候，默认一下子就关闭了子层。这样就造成子层会一闪一闪。所以上了上面的代码。。。（抄来的）
Tags: jquery, 隐藏层
Javascript | 评论:0
| 阅读:18957
Submitted by gouki on 2010, July 28, 11:33 AM
花了半小时写的插件，没有仔细测试和优化。应该还有优化的空间（绝对有）
页面的效果都是从其他地方拷来的，所以可能有点不对。。。将就点吧。。
» 阅读全文
Tags: jquery, 图片轮换
Javascript | 评论:1
| 阅读:19494
Submitted by gouki on 2010, July 6, 9:22 AM
对秀才的demo做了点简单的修正。
1、index.html中的
var _menus = { menu object };
改为
var _menus = [{xx}];
这样的好处是，如果json是生成而来的也不受影响
2、修改outlook.js
在 InitLeftMenu()方法 增加一个判断：
if( typeof _menus[0] != 'object'){
alert('左侧菜单加载失败，请检查菜单数据来源');
return ;
}
搜索 _menus，改为_menus[0]
--------------------------
理由，因为大多数时间菜单是用程序生成的。如果不用[]包住就可能会出现
var _menus = ;
function test(){}
这样，语法是错误的。用[]进行一下容错。
-------------------------
demo也不错，提供下载，但我在这个压缩包里没有进行修正【请需要的朋友自己修正吧】
作者：疯狂秀才
网站：http://hxling.cnblogs.com
Demo：jquery-easyui 1.1 demo 修正.rar
Tags: jquery, easyui, demo, 修正
Javascript | 评论:0
| 阅读:24987
