社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
核心代码重点内容 利用$(“#item2”).css(“display”)==”none”判断状态
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Main</title>
<style type="text/css">
div {font-weight:bold;color:dark;}
#item2 {display:none;}
</style>
<script src="C:/Users/320034981/Documents/JavaScript作业/jquery-3.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#item3").click(function(){
if ($("#item2").css("display")=="none"){
$("#item2").css("display","block");
}else{
$("#item2").css("display","none");
}
});
});
</script>
</head>
<body>
<h1>你是人间的四月天</h1>
<h2>【作者】林徽因 现代</h2>
<div id="item1">
我说你是人间的四月天;<br/>
笑响点亮了四面风;<br/>
轻灵在春的光艳中交舞着变。<br/>
</div>
<div id="item2">
你是四月早天里的云烟,<br/>
黄昏吹着风的软,<br/>
星子在无意中闪,细雨点洒在花前。<br/>
那轻,那娉婷你是,<br/>
鲜妍百花的冠冕你戴着,<br/>
你是天真,庄严,你是夜夜的月圆。<br/>
雪化后那片鹅黄,你像;<br/>
新鲜初放芽的绿,你是;<br/>
柔嫩喜悦水光浮动着你梦期待中白莲。<br/>
你是一树一树的花开,<br/>
是燕在梁间呢喃,——你是爱,是暖,<br/>
是希望,你是人间的四月天!<br/>
</div>
<p id="item3">点击查看全部</p>
<img src="封面.jpg" width="200" height="300" alt="书本封面"/ >
</body>
</html>
【结果显示】
【点击前】
【点击后】
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!