Javascript标签存档

全世界最短的IE判定

以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。

var ie = !+”\v1″;

仅仅需要7bytes！参见这篇文章，《32 bytes, ehr … 9, ehr … 7!!! to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事

但这纪录今年1月8日被一个俄国人打破了，现在只要6 bytes!它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器，如果数组里面最后一个字符为逗号，JS引擎会自动剔除它。

var ie = !-[1,];
alert(ie);

如果从非IE的角度判定，可以省一个比特，因为我们做兼容时，绝大多数情况都是IE与非IE地开工。

if(-[1,]){
     alert("这不是IE浏览器！");
}else{
     alert("这是IE浏览器！");
}

阅读全文 >>

性感的CD封面 – Javascript + CSS 实现CD封面的变换

网上看到的很有意思的东西，利用Javascript + CSS来变换CD的封面，其中主要是CSS在起作用，通过CSS的变化，让背景色和背景图片改变，从而改变CD的封面，实现起来很简单，更重要的是给我们了一种思路。



挑选风格:

阅读全文 >>

CSS 技巧之二 PNG Fix

大家都知道IE6对于CSS设计者来说，简直就是一坨屎，抱歉用这个词，但是我还真找不到其他更合适的词来形容它，当然仅限于CSS解析方面。

IE6有个大Bug就是不支持PNG图片的透明色，这就大大限制了页面的设计。目前网上有很多解决IE6下PNG透明色的方案，从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-image.

下面给大家介绍两个支持bacbackgrond-image的js插件。

Unit PNG Fix

原理

Unit PNG Fix工作原理是利用一个透明的gif图片来解决。

使用方法

首先加入js文件

<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
< ![endif]-->

把clear.gif文件拷贝到你的目录中，并在unitpngfix.js指定clear.gif的地址。

缺点

对于背景图片支持的不是很好，而且要添加另外的gif图片。
下载

DD_belatedPNG

原理

DD_belatedPNG 工作原理是利用VML技术来实现透明色。

使用方法

首先加入js文件

<!--[if lt IE 7]>
<script type="text/javascript" src="DD_belatedPNG.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#id, .classname');
</script>
< ![endif]-->

引入DD_belatedPNG.js，然后给输入的css class 应用解决方案。

缺点

需要一个一个的添加css类，比较麻烦，当然你可以输入DD_belatedPNG.fix(‘img,a,div,span, li’) 这种大的css标签。
下载

总结

以上两个js插件，我更喜欢后者，它的稳定性更好，功能更强大，我一直用项目开发中使用后者。

阅读全文 >>

基于Javascript的计时器

与数字计数器一样，计时器也是基于Javascript的，基本的功能都有了：

  • 支持IE6+, Firefox, Chrome,Safari 4
  • 支持动画效果
  • 支持自动递增或递减
  • 支持设置随意时间
  • 支持设置是否显示0

显示0的固定时间:

不显示0的固定时间:

自动递增时间:

自动递减时间:


本站点提供下载的是免费版的JSCounter，可以用于非商业用途的网站和软件。如果希望用于商业网站或软件，请与我联系。

下载

捐赠


我的支付宝帐号：fogtower1979@gmail.com


阅读全文 >>

基于Javascript的数字计数器

最近有个项目，要用Javascript来实现计数器，所以就做了个控件，与大家分享一下。功能还是不少的说：

  • 支持IE6+, Firefox, Chrome,Safari 4
  • 支持动画效果
  • 支持正数负数
  • 支持分隔符
  • 支持自动递增或递减
  • 支持设置随意数字
  • 支持设置前缀符号

固定数值：

带逗号带前缀#的固定数值：

带逗号带前缀$的固定数值：

自动增长的数值：

控制增长的数值：

增长值
滑动速度（毫秒）
延迟（毫秒）
是否增长

本站点提供下载的是免费版的JSCounter，可以用于非商业用途的网站和软件。如果希望用于商业网站或软件，请与我联系。

下载

捐赠


我的支付宝帐号：fogtower1979@gmail.com


阅读全文 >>

Javascript日历控件 – JSCalendar

JSCalendar是我开发的基于Javascript的日历控件，它不依赖于任何JS框架，使用方便。

特点

  • 支持多浏览器 IE6+, Firefox, Chrome, Safari 4.
  • 支持内嵌和弹出两种表现模式
  • 支持滑动窗口，你可以自己定义显示的文字和图片。
  • 支持多语言，你可以添加自己的语言包。
  • 支持多皮肤，你可以很简单的添加自己的皮肤。
  • 支持选择多天（内嵌模式有效）
  • 支持键盘事件
  • 丰富而完整的文档（JSDoc生成）

键盘事件

如果你要选择多个日期，请点击开始日期，然后按住SHIFT，点击结束日期。

焦点必须在JSCalendar上时，可以进行键盘操作:

  • Arrows: 选择日期
  • SPACE: 选择今天
  • CTRL + UP/DOWN: 选择年
  • CTRL + LEFT/RIGHT: 选择月

阅读全文 >>
较旧的文章