网页制作常用语法

连接css:<link rel="stylesheet" href="css/list.css">
连接jQuery:<script src="../js/jquery-3.3.1.js"></script>
加入一段视频:
<div style="margin-left: 12%;margin-top: 70px;">
    <video width="600px" height="400" controls>  <source src="img/bandicam 2018-05-14 23-32-58-867.mp4" type="video/mp4"></video>
</div>

加入一段音乐:
<div style="position: absolute;left: 31%;top: 40%;">
    <audio controls="controls" autoplay="autoplay" loop=-1 style="width: 500px;">
    <source src="music/薛之谦 - 你还要我怎样.mp3" type="audio/mpeg" />
    </audio>
</div>

CSS鼠标悬浮div图片变大:
.huangtudiv:hover{
      z-index: 999;
      transition: all 0.6s;transform: scale(1.4);
      box-shadow: 0 0 50px red;
}

js鼠标悬浮消失:
$(function(){
   $("#tt").hover(
        function(){
               $(this).fadeOut(2500);
           },
        function(){
               $(this).fadeIn(3000)
           }
);

js更改背景图片:
            $(function(){
            $("#an").hover(
                  function(){
                        $(this).animate({   opacity: .4 },500);
                        $(this.parentNode.parentNode).css("background-image","url(img/audurino.jpg)");
                  },
                  function(){
                        $(this).animate({   opacity:.8},500);
                  }
            );
      })

js让图片向左划出:
            $("#guanggao").hover(
                  function(){
                        $(this).animate({"right":"0"},500);
                  },
                  function(){
                        $(this).animate({"right":"-180"},500);
                  }
            );
      })

css去掉列表前符号:
        list-style-type:none;

css超链接背景也可以点:
        display:block;

清除浮动:
        ouverflow:hidden;

css超链接去掉下划线:
text-decoration:none;


发布了47 篇原创文章 · 获赞 11 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览