div がうまく浮かず、どこに問題があるのか​​わかりません。
依然
依然 2019-02-20 15:50:27
0
3
1114

<!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

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

いいねを押す +0
  • 返事 div間の余分な<br>が原因で問題は解決しました。
    依然 著者 2019-02-21 09:39:24
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート