JavaScript小练习4-鼠标移入移出改变样式 题目 分析 效果&代码

移出:
JavaScript小练习4-鼠标移入移出改变样式
题目
分析
效果&代码
移入:
JavaScript小练习4-鼠标移入移出改变样式
题目
分析
效果&代码

分析

思路清晰,onmouseover和onmouseout的使用,注意的地方有:

  1. width和height设置的是content的内容,padding和border要注意设置,实现前后大小相同,就要让整个盒子大小一致,即border也进行设置。
  2. cssText设置内联样式,cssText=""可清空内联样式。
  3. 之前没明白onload的作用,这次理解了,之前onload删去代码依旧正常,是因为script放在body中,body中内容是会执行的,而当script放在head中时,就需要onload让页面加载完成时执行script中的代码。

效果&代码

预览