使用属性的事件处理

yunmoxue · 发表于 2013-2-7 21:22:06

在原始事件模型中,事件处理程序被作为html的属性值被设置为javascript脚本.
  ps:就是在标签的属性中写上javascript语句..
例如:
<input type="button" value="别点我" >
如果处理程序有多个javascript语句组成,中间用;号隔开.

例如:
<input type="button" value="别点我" >
实际使用中,如果事件处理程序有多个语句,可以把这些语句定义到一个函数体中.然后调用.
例如:
<input type="button" value="别点我" > <script language="javascript"> function donot() {    alert('别点我.');    alert('你怎么就不听话呢!');    alert('讨厌..'); } </script>
给出一个比较有意思的案例:
自己找一个图片,效果是当鼠标移上去逐渐清晰.代码如下:
<html><head><title>淡出效果</title><style type="text/css">#image{filter:alpha(opacity=30);}</style><script language="javascript">var num=30;function change(){if(num<=100){num++;image.filters.alpha.opacity=num;setTimeout("change()",200);}}</script></head><body><img id="image" src="img/shy.gif" onmousemove="change();" onmouseout="image.filters.alpha.opacity=30;num=30;"/></body></html>

  ps:滤镜alpha前边已经说过.是设置透明度的.javascript中的 setTimeout是内置函数,作用是每个多少毫秒自动调用某个函数,第一个参数就是要调用的函数,第二个参数是隔多少毫秒.

		自动登录	找回密码
密码			立即注册

使用属性的事件处理

浏览过的版块