jquery如何让div随着滚动条的改变而改变

 时间:2024-10-12 08:13:03

1、新建一个html文件,命名为test.html,用于讲解jquery如何让div随着滚动条的改变而改变。

jquery如何让div随着滚动条的改变而改变

2、在test.html文件内,使用div标签创建一个div模块,并设置其class为ttdiv,主要用于下面通过该class获得div对象。

jquery如何让div随着滚动条的改变而改变

3、在css标签内,设置div的样式,定义div的宽度为100px,高度为10000px,背景颜色为红色。

jquery如何让div随着滚动条的改变而改变

4、在js标签内,通过给window绑定scroll事件,即滚动条事件,当页面滚动条滚动时,执行function()方法内的代码。

jquery如何让div随着滚动条的改变而改变

5、在function()方法内,通过class(ttdiv)获得div对象,使用width()方法获得div的宽度,保存在w变量中。

jquery如何让div随着滚动条的改变而改变

6、在function()方法内,通过class(ttdiv)获得div对象,使用cs衡痕贤伎s() 方法改变div的宽度,宽度为原来的宽度加在1px,即滚动条每滚动一次,div的宽度就自动加1px。

jquery如何让div随着滚动条的改变而改变

7、在浏览器打开test.html文件,滚动页面的滚动条,查看实现的效果。

jquery如何让div随着滚动条的改变而改变
jquery如何让div随着滚动条的改变而改变
  • 教你如何使用支付宝简单理财
  • 如何使用photoshopCS6的恢复功能?
  • 王者荣耀好友分享的王者密语怎么使用
  • 15分之8×5等于多少
  • ps怎么微调五官的位置
  • 热门搜索
    关于热爱祖国的手抄报 年月日手抄报 关于友善的手抄报 国庆手抄报简单 建国手抄报内容 五一节手抄报 感恩手抄报资料 六一儿童节手抄报诗 我爱中华手抄报 中国梦手抄报资料