Jqueryは画像の表示と非表示を実現する
4261 ワード
ページのロード時に画像は見えなくて、ページの中の内容をクリックして画像の表示を実現して、再びクリックすると画像は消えて直接コードに上がります:
<html>
<head>
<meta charset="UTF-8">
<title> title>
<style type="text/css">
.div{
width: 200px;height: 270px;
border: solid red;
}
.div img{
max-width: 200px;_width:expression(this.width>200?"200px":this.width);
display: none;
}
style>
<script src="../js/jquery.min.js">script>
head>
<body>
<p>Show Me the<br />Furry Friend<br />of the Day p>
<div class="div">
<img src="../img/mmexport1495807314176.jpg" />
div>
<script>
$(document).ready(function(){
$("p").click(function(){
$(".div>img").toggle("slow");
});
});
script>
body>
html>