jquery怎样让一个div渐变消失

新建一个html文件,定名为test.html,用于实现利用jquery方式让一个div渐变消逝。

  • 2

    在test.html,利用script标签加载jquery.min.js库文件,只有当作功加载该文件才能利用fadeOut()方式。

  • 3

    在test.html页面,建立一个div模块和一个button按钮,别离设置它们的class属性名,用于下面步调对它们进行操作。

  • 4

    利用css对div进行样式结构,设置其高宽都为300px,并设置其布景颜色为红色,代码如下:

  • 5

    给按钮绑心猿意马click点击事务,在按钮被点击时,执行function函数,代码如下:

  • 6

    在function函数内,获得div对象,并利用fadeOut()方式让div迟缓(slow)地消逝。

  • 7

    在浏览器打开test.html文件,查看实现的结果,可见当点击“逐渐消逝”按钮后,div渐变消逝。

    • 发表于 2019-08-13 22:26
    • 阅读 ( 1703 )
    • 分类:其他类型

    0 条评论

    请先 登录 后评论
    admin
    admin

    0 篇文章

    作家榜 »

    1. xiaonan123 189 文章
    2. 汤依妹儿 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 华志健 23 文章

    联系我们:uytrv@hotmail.com 问答工具