黄褪技术--YellowFadeTechnique

最新推荐文章于 2025-12-06 23:21:21 发布

原创最新推荐文章于 2025-12-06 23:21:21 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #div #api #扩展

本文介绍了一种利用Scriptaculous库实现界面元素高亮的技术，该技术可帮助开发者轻松地为网页上的多个元素添加视觉提示效果，解决了使用纯JavaScript时遇到的兼容性和多元素同时高亮的问题。

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

在最近的开发中遇到这个问题，本来想用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" onclick="clickMe(this)"> Yellow Fade Technique </div> </body> </html>

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

PS：可以简单的用

来实现效果。