首页 > 其他 > 详细

简单的事件处理

时间:2014-12-11 11:55:43      阅读:277      评论:0      收藏:0      [点我收藏+]
var oldColor;
var oldSize;
function clickDiv(obj){
alert(event);
obj.style.color = ‘#foo‘;
obj.style.fontSize = ‘22px‘;
    /*
    obj.style表示设置obj这个对象的style属性。
    obj.id表示设置id
    style.color表示设置css中的属性。特别注意,font-size,
    text-decoration等有中划线的属性,设置需要驼峰标识:
    fontSize,textDecoration
    */
}

function mouseover(obj){
    oldcolor = obj.style.color;
    /*在css中使用font-Size来设置字体大小,通过js需要
    使用驼峰标识(其它都类似);
    */
    oldSize = obj.style.fontSize;
    obj.style.color = ‘#foo‘;
    obj.style.fontSize = ‘22px‘;
}
function mouseout(obj){
    obj.style.color = oldColor;
    obj.style.fontSize = oldSize;
}

<body>
  <div onclick = ‘clickDiv(this)‘ >点一下</div>
  <div onmouseover = "mouseover(this)" onmouseout = "mouseout(this)">移动</div>
</body>

简单的事件处理

原文:http://www.cnblogs.com/leole/p/4157159.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!