Javascript动画效果的实现(三)

上两篇文章我们主要讲了如何使用Javascript实现动画的基本原理,以及如何获得效果较为自然的的运动公式。前两篇文章的重点在于讨论原理,可能急于动手的你已经按捺不住想要写一些自己的动画效果了。那么这篇文章我们就来实现一个自己的通用动画类。它包含一些常用的动画效果,例如显示隐藏,展开关闭等等,同样它也包含一个通用的动画函数,让你可以自己定义个性化的动画效果。 继续阅读 »

转载请注明原文出处《Javascript动画效果的实现(三)》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

Javascript动画效果的实现(二)

在上一篇文章我们具体的介绍了Javascript中动画效果的实现原理。并重点了介绍了两种判断动画完成的情况。如果你没看过,请点击这里查看。这篇文章我们不是介绍如何制作动画,二是介绍如何让你做得动画更加的自然,让人看起来更加的自然和舒服,这里主要介绍一下在动画过程中经常用到的缓动效果,本篇文章假设你对高中物理有一定的理解,当然要是对数学物理方法有所涉猎的话就更好了:P,不过这不是必须的。(ps.虽然数学物理方法是我的主修课,但是我学的还是一塌糊涂) 继续阅读 »

转载请注明原文出处《Javascript动画效果的实现(二)》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

Javascript动画效果的实现(一)

大家在写Javascript脚本代码交互效果的时候,很多时候可能会用到动画效果,比如幻灯片,下拉菜单,层的展开关闭,元素的显示与隐藏以及有时候让人非常讨厌的浮动广告(它会在你的屏幕上飘来飘去让人着实讨厌)。当然在进行这些处理的时候你也可以不用加入动画效果,但是如果是适当的加入动画效果无疑会让你的界面变得更加吸引人。本篇文章简单的说明一下动画的原理,重点说的是Javascript中动画的实现,本篇文章需要你对Javascript有一定的理解,当然要是对Flash有所了解更好。 继续阅读 »

转载请注明原文出处《Javascript动画效果的实现(一)》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

Javascript中的this——理解Javascript中的作用域

大家在使用Javascript的时候经常被this这个家伙搞得晕头转向的。对大多数有OOP开发经验的开发人员来说this是当前作用域中引用普通元素的标识符,但是在Javascript中它却显得古灵精怪的,因为它不是固定不变的,而是随着它的执行环境的改变而改变。在Javascript中this总是指向调用它所在方法的对象。
继续阅读 »

转载请注明原文出处《Javascript中的this——理解Javascript中的作用域》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

The new Spring Theme

Spring DKlogs

Spring DKlogs screen shot

继续阅读 »

转载请注明原文出处《The new Spring Theme》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

Textarea根据光标位置插入字符(IE,FF兼容)-简单的留言框

这两天帮朋友写个在线聊天的前端js代码,留言处需要根据光标的位置需要插入相应表情的代码,本来想来很简单的一点小功能却是让我做了两天晚上。

目标:1.当焦点在Textarea内部时需要根据光标的位置插入相应表情代码;2.当焦点不在Textarea内部时则需要把相应的表情代码附加给Textarea。

目标明确了接下来就开始考虑一下实现的办法了。首先考虑到的是能否确定光标在Textarea内部的位置,然后通过String.slice()或者String.subString()方法将内容拼在一起。看起来思路清晰明了,然后让我们开始实现。 继续阅读 »

转载请注明原文出处《Textarea根据光标位置插入字符(IE,FF兼容)-简单的留言框》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。