简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
div がうまく浮かず、どこに問題があるのか​​わかりません。
依然
依然 2019-02-20 15:50:27
0
3
1103

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>jquery のアニメーション効果</title>

<script type="text/javascript" src="jquery-3.3.1.min.js"></スクリプト>

<style type="text/css">

.mian{

高さ:240px;

幅:200px;

マージン右: 20px;

float:left;

}

.box1,.box2 {

高さ: 200px;

幅: 200px;

背景: 赤;

}

ボタン{

高さ: 40px;

幅: 200px;

border:none;}

</style>


<script type="text/ javascript">

$(document).ready(function(){

$('.box1').hide()

$('.btu1' ).click(function(){

$('.box1').fadeIn(1500)

})

$('.btu2').click( function(){

$('.box2').fadeOut(1500)

})

})

</script>

</head>

<body>


#<div class="mian">

<button class="btu1">淡入</button>

<div class="box1"></div>

</div>

<br>

<div>

<button class="btu2">淡出</button>

< div class="box2"></div>

</div>

</body>

</html>

#

依然
依然

全員に返信(1)
TT
TT2019-02-21 08:44:28 1棟

このアニメーション効果が十分に滑らかではないのではないかということですか?

いいねを押す +0
返信を追加
  • 返事 div間の余分な<br>が原因で問題は解決しました。
    依然 著者 2019-02-21 09:39:24
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！