天高云淡，让心情旅行。 注册 | 登陆
浏览模式: 标准 | 列表分类:javascript

不用jQuery也来做动画

Submitted by koyoz on 2010, March 30, 15:42 PM

jQuery 框架用的人越来越多了, 无论是性能还是功能强大都不用多说.

不过随着新版本的升级, 体积也慢慢变大了.

24KB, Minified and Gzipped 155KB, Uncompressed Code

压缩并gzip输出24K, 也不小了.

如果页面上一个简单的效果,一个简单的动画就没必要载入这么大的库.

» 阅读全文

Tags: javascript, jquery

javascript | 评论:0 | 阅读:786

IE6下通过a标签点击切换图片的问题

Submitted by koyoz on 2010, February 24, 22:57 PM

IE6已经让人恶心很久了, Google旗下Youtube决定在3月13日起停止对IE6的支持. 但愿能加速IE6更换的速度.

不过, 国内大部分用户还是在用IE6.

IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort.

测试了一下,找到了解决办法.

a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样:

1. <a href="javascript://" onclick="dosomething()">a1</a>

2. <a href="javascript:void(0)" onclick="dosomething()">a2</a>

3. <a href="###" onclick="dosomething()">a3</a>

第三种方法dosomething()中切换图片完全没有问题, 但是href="###" 却带来了另一个问题, 占用了锚点,页面URL也不美观.

第1,2种方式虽然没有上面的问题, 但会引发IE6的奇怪bug, dosomething()中图片无法加载.

只要在dosomething();后面增加一个return false;就可以解决了.

如果是绑定事件, 同样在function最后增加return false;就行.

 

Tags: javascript

javascript | 评论:0 | 阅读:922

javascript取消文本选定

Submitted by koyoz on 2009, December 30, 11:10 AM

最近在做拖动布局. 发现有文本选定的时候, 进行拖动很不好看.

javascript选定文本取消, 能兼容所有主流浏览器了:

if (document.selection) {
document.selection.empty();
} else if (window.getSelection) {
window.getSelection().removeAllRanges();
}

对于文本框(input,textarea)中的文本选定取消, 这种方法会有一些问题.

不过也有办法, 记录下文本框中的value,再清空,再重新赋值. 方法有点搓, 不过能兼容所有浏览器.

 

Tags: javascript

javascript | 评论:0 | 阅读:729

比较有效的javascript无提示关闭窗口

Submitted by koyoz on 2009, December 23, 14:02 PM

比较有效的javascript无提示关闭窗口. _self也可以换成_top/_parent之类的用于关闭顶层/父级窗口.
一般浏览器中都OK的.  如果有更好的方法, 不吝赐教.
 
<script type="text/javascript">
window.opener = null;
window.open('', '_self', ''); 
window.close();
</script>

Tags: javascript

javascript | 评论:1 | 阅读:1127

javascript中的var_dump

Submitted by koyoz on 2009, December 17, 15:59 PM

php中的var_dump很方便.

void var_dump ( mixed $expression [, mixed $expression [, $... ]] )

此函数显示关于一个或多个表达式的结构信息，包括表达式的类型与值。数组将递归展开值，通过缩进显示其结构。

配合上xdebug (Variable Display Features), 还能够根据不同变量类型使用不同颜色区分.

 

现在javascript也能做到类似php中var_dump的效果了. Shuns封装了一个Dump函数:

» 阅读全文

Tags: javascript

javascript | 评论:0 | 阅读:1149

JavaScript是否可多线程 — 深入理解JavaScript定时机制

Submitted by koyoz on 2009, December 1, 13:20 PM

容易欺骗别人感情的JavaScript定时器

JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如

» 阅读全文

Tags: javascript

javascript | 评论:1 | 阅读:1447

jQuery图形化设计工具-IxEdit

Submitted by koyoz on 2009, November 26, 10:31 AM

IxEdit 是一款图形化的jQuery所见即所得设计工具. 只要简单的设定参数就可以方便的进行各种DOM操作, 事件绑定, 动画设置等等. 设置页面完成之后, 点击"Deploy"就可以生成相应的javascript代码了. 把代码贴到页面中, 复杂的编码工作就简单完成了.

» 阅读全文

Tags: jquery, javascript

javascript | 评论:2 | 阅读:1828

很有创意的滚动条时钟动画

Submitted by koyoz on 2009, November 23, 13:15 PM

一款很有创意的时钟js动画.

是利用系统滚动条来构成一个 时:分:秒 的盘. 再利用滚动条的长度变化做过渡动画.

是基于MooTools来做的. 效果比较平滑.

看图: 大小: 13 K 尺寸: 500 x 185 浏览: 14 次 点击打开新窗口浏览全图

本站演示地址: http://koyoz.com/demo/html/clock/clock.html

转自: http://toki-woki.net/p/scroll-clock/ (需要翻墙)

Tags: javascript, mootools

javascript | 评论:0 | 阅读:1034

记录总数:4012345›