<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用css()方法添加图片边框</title> <style> div{ width: 298px; margin:0 auto; } </style> </head> <body> <div><img src="../images/pic.gif"/></div> </body> </html> <script type="text/javascript" src="../js/jquery-1.12.4.js"></script> <script type="text/javascript"> $(document).ready(function (){ $("img").css("border","1px solid #3a6587"); }); </script>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>显示内容</title> <style> h1{ width: 200px; padding:5px; background-color: #999999; color: #FFFFFF; } h2{ width: 200px; padding:5px; background-color: #999999; color: #FFFFFF; } p{ display: none; } #p2{ display: none; } </style> </head> <body> <!--林微因简介--> <h1>林微因简介</h1> <p> <strong>林徽因</strong> 女,汉族,原名林徽音,出生于浙江杭州,祖籍福建福州。中国著名建筑家、诗人、作家。人民英雄纪念碑和中华人民共和国国徽深化方案的设计者 林徽因是建筑师梁思成的第一任妻子。三十年代初,与夫婿梁思成用现代科学方法研究方法研究中国古代建筑,成为这个学术领域的开拓者。 </p> <!--主要内容--> <h2>主要内容</h2> <p id="p2"> 《你是人间四月天》<br/> 《宝莲灯》<br/> 《九十九度中》<br/> </p> </body> </html> <script type="text/javascript" src="../js/jquery-1.12.4.js"></script> <script type="text/javascript"> $(document).ready(function (){ $("h1").click(function () { $("h1").next().css("display","block"); }); $("h2").click(function () { $("h2").next().css("display","block"); }); }); </script>