首页 > 网络编程 > JavaScript > javascript技巧 > javascript+css实现单击颜色褪去效果 2007-08-07 10:15:18 作者： javascript+css实现单击颜色褪去效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <style type="text/css"> p{ font-size: 12px; font-family: Arial; } input{ cursor: pointer; } </style> <script type="text/javascript"> function flash(ts){ var p_obj=document.getElementsByTagName("p")[0]; if(ts<100){ p_obj.style.background = "rgb(100%,100%,"+ts+"%)"; ts += 4; setTimeout(function(){flash(ts);},100); } } </script> </head> <body> <p>"黄褪"效果</p> <input type="button" value="Click!" onclick="flash(60)" /> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:JavaScript 模拟用户单击事件javascript 单选按钮 单击选中 双击取消选择实现代码JavaScript 在网页上单击鼠标的地方显示层及关闭层javascript实现单击和双击并存的方法javascript下拉框选项单击事件的例子分享
