繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
javascript+css实现单击颜色褪去效果
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<!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> "黄褪"效果 <input type="button" value="Click!" onclick="flash(60)" /> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
javascript+css实现单击颜色褪去效果
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
javascript 动态改变层的Z-INDEX的代码style.zIndex
下一篇文章：
用JS剩余字数计算的代码
·在百度中搜索关于“
javascript+css实现单击颜色褪去效果
”相关内容
·在谷歌中搜索关于“
javascript+css实现单击颜色褪去效果
”相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
Hutia 的 JS 代码集
一段超强的javascript代码解密方法
textContent在Firefox下与innerText等效的
用函数式编程技术编写优美的 JavaScript
javascript事件模型代码
用javascript实现的汉字简繁转换
定单管理上 JS表格排序
JScript重载的另类实现
找到一点可怜的关于dojo资料，谢谢作者！
许愿墙中用到的函数
最 近 更 新
greenbrower用到的function.js代码集合
javascript 建设银行登陆键盘
js获取url参数的使用扩展实例
关于javascript函数的几个话题
用 JavaScript 给站外链接的 cursor 进行
不错的用外部Javascript修正特定网页内容
识别操作系统是不是vista的js代码
用jscript实现新建和保存一个word文档
JS也玩OO继承
javascript 简单高效判断数据类型 系列函
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
JavaScript实现Sleep函数的代码
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句