第4题 为图片添加边框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*div{*/
/*border: red 1px solid;*/
/*width: 200px;*/
/*height: 200px;*/
/*margin: auto;*/
/*}*/
</style>
</head>
<body>
<div>
<img src="images/pic.gif">
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$("img").click(function () {
$("div").css({"border":"1px solid grey","width":"200px","height":"200px"})
})
</script>
</html>
第5题 显示内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 500px;
margin: auto;
}
h2,h3{
background: #333333;
text-align: center;
padding: 10px;
}
a{
text-decoration: none;
color: white;
}
</style>
</head>
<body>
<div>
<h2><a href="#">林徽因简介</a></h2>
<p id="p1">
林徽因，女，汉族，原名林徽音，出生于浙江杭州，祖籍福建福州。中国著名建筑家、诗人、作家。人民英雄纪念碑和中华人民共和国国徽深化方案的设计者
林徽因是建筑师梁思成的第一任妻子。三十年代初，与夫婿梁思成用现代科学方法研究方法研究中国古代建筑，成为这个学术领域的开拓者。
</p>
<h3><a href="#">主要作品</a></h3>
<p id="p2">
《你是人间四月天》<br>
《宝莲灯》<br>
《九十九度中》
</p>
</div>
<script src="../js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("p").hide()
})
$("h2").click(function () {
$("#p1").show()
})
$("h3").click(function () {
$("#p2").show()
})
</script>
</body>
</html>
319
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
