在js中，可以通过给div绑定鼠标经过事件，利用css()方法改变其大小。下面小编举例讲解jquery如何实现鼠标放上div时改变其大小。

工具/原料

  • html+jquery
  • 代码编辑器：zend studio 10.0

方法/步骤

  1. 1

    新建一个html文件，命名为test.html，用于讲解jquery如何实现鼠标放上div时改变其大小。

  2. 2

    在test.html文件中，使用div标签创建一个模块，用于测试。

  3. 3

    在css标签内，通过style设置div的样式，定义其宽度为100px，高度为100px，背景颜色为红色。

  4. 4

    在js标签内，通过ready()方法，在页面加载完成时执行function方法。

  5. 5

    在function方法内，给div绑定mouseover鼠标经过事件，通过css()方法改变div的宽度和高度。

  6. 6

    在浏览器打开test.html文件，鼠标放在div模块上，查看结果。

    END

总结：

  1. 1

    1、使用div标签创建一个模块，通过style设置div的样式，定义其宽度为100px，高度为100px，背景颜色为红色。

     

    2、在js中，通过ready()方法，在页面加载完成时执行function方法，在function方法内，给div绑定mouseover鼠标经过事件，通过css()方法改变div的宽度和高度。
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。