jQuery divlayer_jqueryを拡大・縮小するための簡単な実装コード
May 16, 2016 pm 05:39 PM
拡大する
ズームアウトする
复制代幣代码如下:
<html xmlns="http://www.w3.org /1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.content
{
border: 1px ソリッド #ccc;
幅: 440ピクセル;
オーバーフロー: 非表示;
マージン: 10px;
}
</style>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(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('放大')
})
});
</script>
</head>
<div id="コンテンツ" class="コンテンツ">
內容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
<span id="bigger">放大</span>
</body>
</html>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7288
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1206
29



Vue を通じて画像の特定領域のズーム機能を実装するにはどうすればよいですか?

HTML、CSS、および jQuery: 画像のズームインおよびズームアウトの特殊効果を実現するテクニック

macOS のクリップボード履歴のロックを解除し、効率的なコピー アンド ペーストのテクニックを使用する
