jquery怎么让一个div渐渐显示出来

新建一个html文件,定名为test.html,用于讲解jquery怎么让一个div垂垂显示出来。

  • 2

    在test.html页面的头部加载jquery.min.js文件,这是利用jquery中的fadeIn()方式的前提。

  • 3

    在test.html页面,建立一个div模块,而且设置其class属性为pp,用于下面经由过程该类名获得该div对象。

  • 4

    利用css对上面建立的div进行样式结构,设置其宽度为300px,高度为100px,布景颜色为红色,并设置其埋没属性,使其不展示出来。

  • 5

    在div的下面建立一个class属性为btn1的按钮,当该按钮被点击时,实现使div慢慢呈现。

  • 6

    给上面的按钮绑心猿意马click点击事务,当按钮被点击时,执行funciton函数 ,在函数内利用fadeIn()方式使div在5秒内垂垂显示出来,代码如下:

  • 7

    在浏览器打开test.html文件,查看实现的结果,可见当点击“垂垂呈现”按钮时,div从无到有,垂垂显示出来。

    • 发表于 2019-08-11 21:45
    • 阅读 ( 847 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    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 问答工具