jQuery第五章课后作业

最新推荐文章于 2024-01-06 17:38:23 发布

suixinCaesar

最新推荐文章于 2024-01-06 17:38:23 发布

阅读量4.1k

点赞数 1

分类专栏： jQuery制作网页高级特效

本文链接：https://blog.csdn.net/suixinCaesar/article/details/81108873

版权

这是一篇关于jQuery实践的作业，包括使用css()方法为图片添加边框效果，实现单击图片显示边框的功能。同时，文章介绍了如何制作林徽因简介页面，通过点击‘林徽因简介’链接展开简介内容，以及单击‘主要作品’链接展示相关作品。

摘要由CSDN通过智能技术生成

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

最低0.47元/天解锁文章

suixinCaesar

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
jQuery第五章课后作业

4.使用css()方法添加图片边框，，单击图片显示图片边框。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用css()方法添加图片边框&lt;/title&gt; &lt;style
复制链接

扫一扫

专栏目录