断桥残雪爱墙程序升级-增加列表浏览+缓存图片

断桥残雪爱墙程序,自开始公布以来就受到了很多网站爱好者的喜爱,今天断桥残雪更新一下爱墙程序,增加了:

  1. 列表浏览模式功能,
  2. 缓存了查看具体祝福的背景图片,使图片更快的显示,极大的提高了用户体验!

最新版下载地址:http://www.js8.in/mywork/lovewall.zip

具体效果请见下图:

断桥残雪爱墙列表浏览模式

断桥残雪爱墙列表浏览模式

再次感谢大家对断桥残雪爱墙的支持!谢谢!

2010年3月10日

jQuery插件–wBox发布

经过大约一周的时间,wBox终于跟大家见面啦,这是断桥残雪写的第一个jQuery插件,开发时间比较急促,所以有不足之处希望大家指出。

wBox——轻量级的弹出窗口jQuery插件,基于jQuery1.4开发,主要实现弹出框的效果,并且加入了很多有趣的功能,比如可img灯箱效果,callback函数,显示隐藏层,Ajax页面,iframe嵌入页面……

  1. 背景透明度可以根据实际情况进行调节,甚至不设置背景
  2. 可以根据需要添加wBox标题
  3. 支持设置窗口位置,默认为在中心显示
  4. 支持callback函数
  5. 支持html内容自定义
  6. img灯箱看图功能
  7. 支持在wBox显示#ID的内容
  8. 支持Ajax页面内容
  9. 支持设置背景,不设置背景
  10. 支持wBox拖拽功能
  11. ESC键,或者在背景上双击即可关闭wBox
  12. .wBoxClose的内容click可以关闭wBox,无论是组装的html,还是隐藏的html,甚至于iframe的内容中的.wBoxClose

下面简单介绍下wBox的使用方法:

最简单的使用方法

  1. 首先下载wBox文件,然后将wBox中的
  2. 引入wbox.js文件
  3. 引入wbox.css文件
  4. 注意:wBox源代码文件夹中的图片要跟js,css放在相同的目录下,loading.gif要跟你页面放在同一个目录

html代码如下:

<a href="#nosee" class='wBox'>这是一个隐藏wBox</a>
<div id="nosee" style="display:none">这里是个隐藏的id为nosee的DIV</div>
<a href='http://www.js8.in/wbox/001.jpg' class='wBox'>这是一个image wBox</a>

js代码如下:

$(".wBox").wBox();

这样就建立了一个最简单的wBox.

阅读更多…

2010年3月8日

IE中Image.onload失效的问题

最近在做wBox开发中,需要做一个图片的幻灯片效果,为了方便加载速度,我使用了new Iamge的对象方法来预加载图片,当图片onLoad就运行一个函数来计算图片的大小尺寸,进行jQuery动画,以及切换图片src,在firefox下开发完成后,可是到了IE下进行调试总是不会触发onload事件,不管是IE8、IE7还是万恶的IE6,都不会触发onload事件,我很迷惑,后来在google上找到了解决的方法:一下为引用部分

最初的代码如下:

var img = new Image;
img.src = "test.gif";
img.onload = function(){
    alert ( img.width );
};

这段代码看着没什么问题,但是为什么onload没有被IE调用呢?因为IE会缓存图片,第2次加载的图片,不是从服务器上传过来的,而是从缓冲区里加载的。是不是从缓冲区里加载的图片就不触发onload事件呢?我于是我测试了以下代码,成功了~

var img = new Image;
img.onload = function(){
    alert ( img.width );
};
img.src = "test.gif";

我把onload写到前面去,先告诉浏览器如何处理这张图片,再指定这张图片的源,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这让我想到了Ajax,我们在写xmlhttp的时候,都是先指定onstatechange的回调函数,然后再send数据的,道理是一样的。

2010年3月8日

QQ爱墙 许愿墙 祝福墙 程序源代码开发下载

为方便断桥残雪爱墙 [演示地址] 程序发展,本博客特地放出断桥残雪爱墙程序,需要的童鞋请下载。

断桥残雪爱墙程序演示截图,演示地址love.2fool.cn

断桥残雪爱墙程序演示截图,演示地址love.2fool.cn

断桥残雪爱墙程序主要功能:

  1. 程序完全Ajax
  2. 可以拖动个个祝福
  3. 可以复制链接,每个祝福都有一个独立的URL地址,方便查看祝福
  4. 祝福RSS功能
  5. 进行了SEO优化
  6. 页面兼容所有浏览器,IE6+ Firefox chrome Opera Safari……
  7. 独创的字条分布排序算法,使字条均匀分布到页面,美观性大幅提升
  8. 列表浏览模式功能,(新增
  9. 缓存了查看具体祝福的背景图片,使图片更快的显示,极大的提高了用户体验!(新增

阅读更多…

2010年3月5日

jQuery实现拖拽功能

在360开发中,使用了我写的一个jQuery wBox插件,可是这个wBox只是根据项目需要进行的修改,没有加上拖拽功能,而我正在写新的wBox插件加上了简单的拖拽功能,wBox已经进行到最后样式修改、程序调试阶段,基本功能已经实现。言归正传,结合wBox部分源代码说说jQuery的拖拽功能实现。

jQuery wBox插件预览

jQuery wBox插件预览

要写一个拖拽效果,必须区分开mousedown,mouseup,mousemove 三个鼠标的不同状态,当mousedown的时候激发拖拽,表示拖拽开始,当mouseup的时候自然拖拽就结束,而mousemove的时候是拖拽的过程,这个过程就要不停的获取鼠标的位置,根据鼠标运动到得位置设置要拖拽的目标div的位置,具体就不解释啦,很简单的原理,很简单的代码,放出wBox drag部分的代码,希望对大家有用,C为拖拽的目标对象: 阅读更多…

2010年3月5日

韩峰其实是个好干部

最近广西烟草部门韩峰局长的日记(香艳日记)很热门,我认为在艳照和视频充满网络的年代里,突然来一些真人纯文学的描写,如沐春风。这应该是2010年最具文学价值和社会价值的文学作品了。我看了局长日记以后,觉得我们不应该讨伐这位局长。我们假设局长日记日记是真的,我敢说这其实是一位好干部。

1, 这位干部在半年的时间内仅仅受贿6万元,这是我近几年第一次看见受贿两字后面跟的是一个5位数,现在哪里去找这么清廉的局长。

2, 在他已玩,正玩,稳定的玩和待玩的那些女人中,无一人属于包养性质。

3, 这位局长不赌博,不嫖娼,不贿赂上司。在公共场合办手机卡的时候按顺序排队,一排就是两个小时。

4, 在他的日记里,我们看到了一个以最小的成本在泡妞的国家干部,在其他干部都送二奶房子车子的时候,他送给自己的女人最贵重的礼品仅仅是一个手机或者一个MP4。这点上,不仅说明这个局长不错,还说明其实他的女人们也都不错。多一些这样的男男女女,我们国家一年要节省出多少艘航母来。

5, 他应酬喝酒仅89次,我知道的很多村干部一年喝酒应酬都要超过365次。但是他多次喝醉,酒量一般,这点没有达到一个国家干部的要求,这是他罪名最重的一条,严重玷污了公务员的形象。
阅读更多…

2010年3月3日