首頁 > web前端 > js教程 > jQuery div層的放大與縮小簡單實作程式碼_jquery

jQuery div層的放大與縮小簡單實作程式碼_jquery

WBOY
發布: 2016-05-16 17:39:00
原創
1361 人瀏覽過
複製程式碼程式碼如下:



標題>

.content
{
邊框:1px 實心#ccc;
寬度:440px;
溢出:隱藏;
邊距:10px;
}
風格>


$(document).ready(function() {
if ($('#content').height() > 400)
$('#content').height(400);
$('#bigger').toggle(function() {
$('#content').height($('#content').height() 100);
$(' #bigger').html('縮小');
}, function() {
$('#content').height($('#content').height() - 100); 🎜>$('#bigger').html('放大')
})
});
腳本>
頭>


內容1
>
內容2
;
內容3
>
內容4
;
內容5
>
內容6
>
內容7
>
內容8
>
內容9
>
內容10
>
內容11
>
內容12
>
內容13
>
內容14
>
內容15
>
內容16
>
內容17
>
內容18
>
內容19
>
內容20
>
內容21
>
內容22
>
內容23
>
內容24
>
內容25
>
div>

>
放大
身體>


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板