• 运用JQ点击按钮让一张图片隐藏和显示


    下面是一个简单显示隐藏代码,主要是点击时按钮的变化和图片的手风琴式的显示效果
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jQuery介绍/jq/jquery-1.11.3.js"></script>
    <script>
    $(function () {
    $(":input").on('click',function () {
    if ($("img:hidden").length){
    $("input").val("隐藏")
    $("img").slideDown(2000) //slideDown显示
    }else {
    $("input").val("显示")
    $("img").slideUp(2000,function () {
    alert("可以接着执行")
    }) //slideUp隐藏
    }
    })
    })
    </script>
    </head>
    <body>
    <input type="button" value="点击">
    <img src="../例子/01/img/3.jpg" width="760"/></body>
    </html>
  • 相关阅读:
    第三章例3-3
    第三章例3-2
    第二章例2-11
    第二章例2-10
    第二章例2-9
    204
    205
    202
    203
    201
  • 原文地址:https://www.cnblogs.com/1115changhao/p/7573167.html
Copyright © 2020-2023  润新知