下面是一個簡單顯示隱藏代碼，主要是點擊時按鈕的變化和圖片的手風琴式的顯示效果
<!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>
運用JQ點擊按鈕讓一張圖片隱藏和顯示
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。