使用JQuery快速高效制作网页交互特效第五章所有课后

最新推荐文章于 2019-07-09 16:27:55 发布

不觉清倦

最新推荐文章于 2019-07-09 16:27:55 发布

阅读量1.2k

点赞数

分类专栏：计算机文章标签： jQuery

本文链接：https://blog.csdn.net/weixin_44269168/article/details/94330716

版权

课后四
代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<img src="Image/pic.gif" class="pos"/>
<script src="js/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".pos").mouseover(function () {
            $(this).css({"border": "1px #ee7304 solid"});
         }).mouseout(function () {
            $(this).css({"border": "1px white solid"});
         });
    })
</script>
</body>
</html>

课后五
样式

h1{
    background-color: black;
    color: white;
    text-align: center;
    width: 500px;
}
div{
    width: 500px;
    text-indent: 2em;
    display: none;
}

代码

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不觉清倦

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
使用JQuery快速高效制作网页交互特效第五章所有课后

课后四代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><img src="Image/pic.gif" class="pos"/&gt...
复制链接

扫一扫