###前提・実現したいこと
2枚の画像を上下に配置してどちらかをクリックすると画像が同時に入れ替わるようにしたいのですが
どう書けば良いのかわかりません。
書き方を教えてくれると幸いです。
###該当のソースコード
jQuery
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 6 <script type="text/javascript"> 7 $(function() { 8 $('#slide1').click(function(event) { 9 $(this).animate({ 10 "marginTop": "+=340px", 11 "queue": false 12 }, 2000); 13 }); 14 $('#slide2').click(function(event) { 15 $(this).animate({ 16 "marginTop": "-=340px", 17 "queue": false 18 }, 2000); 19 }); 20 21 }); 22 </script> 23 <style> 24 #wrap { 25 position: relative; 26 width: 500px; 27 height: 700px; 28 29 } 30 31 #slide1 #slide2 { 32 position: absolute; 33 width: 100px; 34 height: 100px; 35 background-color: #5EA9F4; 36 37 top: 0; 38 left: 0; 39 } 40 </style> 41</head> 42 43<body> 44 <div id="wrap"> 45 <div id="slide1"> 46 <img src="images/20120506_2951443.jpg" /> 47 </div> 48 <div id="slide2"> 49 <img src="images/APX200703240006.jpg" /> 50 </div> 51 </div> 52</body> 53</html>
###補足情報(言語/FW/ツール等のバージョンなど)
Brackets ver11
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/08 06:36