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