黄褪技术--YellowFadeTechnique

最新推荐文章于 2024-09-20 16:09:38 发布

haxzheng

最新推荐文章于 2024-09-20 16:09:38 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/haxzheng/article/details/4460735

版权

黄褪技术主要是在界面中产生新元素时用来提醒用户的视觉效果。当然也不一定非要用黄褪，也可以扩展红腿、绿褪等等。

在最近的开发中遇到这个问题，本来想用javascript自己写的。上网查了些资料，也差不多实现了。不过被兼容性搞的头大。还有一个小小的BUG。就是当页面中有多个元素需要进行黄褪的时候，只能有一个出效果。主要也是因为自己的javascript对象方面的知识学的不好。

scriptaculous很好的解决的兼容性的问题。不废话了，贴上代码。

<html> <head> <title></title> <mce:script language="javascript" type="text/javascript" src="js/prototype.js" mce_src="js/prototype.js"></mce:script> <mce:script language="javascript" type="text/javascript" src="js/scriptaculous.js?load=effects" mce_src="js/scriptaculous.js?load=effects"></mce:script> <mce:script language="javascript"></mce:script> </head> <body> <div id="myObject" οnclick="clickMe(this)"> Yellow Fade Technique </div> </body> </html>

参数功能就不往上贴了，API上详细得多。

PS：可以简单的用

来实现效果。