4.使用css()方法添加图片边框,,单击图片显示图片边框。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用css()方法添加图片边框</title>
<style>
body{text-align: center;}
</style>
</head>
<body>
<img src="images/pic.gif">
</body>
<script src="js/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("img").click(function () {
$("img").css("border","1px solid orange")
})
})
</script>
</html>
5.制作林徽因简介页面,点击“林徽因简介”链接显示简介内容,单击“主要作品”链接显示对应的作品。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8