コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
div がうまく浮かず、どこに問題があるのか​​わかりません。
依然
依然 2019-02-20 15:50:27
0
3
1125

<!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
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート