页面的部分切换&csdn上传视频

页面的部分切换

下面是效果图呦~~
原理很简单，就是用js来控制各个 div 的 display 属性。

<!--html 代码-->
    <li onclick="opens(1)" class="choose-1">个人主页</li>
	<li onclick="opens(2)" class="choose-1">报名数据</li>
	<li onclick="opens(3)" class="choose-1">排名</li>
    <li onclick="opens(4)" class="choose-1" >面试</li>
	<li onclick="opens(5)" class="choose-1" >设置</li>
	<li onclick="opens(6)" class="choose-1" >审核</li>			

//js代码
function opens(obj) {              //页面的切换
   for (var i=1;i<=4; i++) {
    if (i===obj){
      document.getElementById("page-" + i).style.display = "block"; 
      document.getElementsByClassName("choose-1")[i-1].style.backgroundColor = "#00b7a9";
      document.getElementsByClassName("choose-1")[i-1].style.color = "white";
    }else
      {
      document.getElementById("page-" + i).style.display = "none";
      document.getElementsByClassName("choose-1")[i-1].style.backgroundColor = "#303c36";
      document.getElementsByClassName("choose-1")[i-1].style.color = "#959a9a";
      }
      
  }   
}

---

csdn上传视频

写这个博客的时候要上传截屏的动图，格式的原因（目前的csdn只支持上传文件是支持扩展名为 .jpg，.gif，.png，.bmp，.jpeg，对于大小也做了限制，不能超过5M），而我们一般用各种录屏工具直接录取出来的资源扩展名为（.mp4 / .flv)。

下来说一下如何将 .mp4格式转化为.gif ~~

这里我用的是爱奇艺播放器，当然也有别的 QQ影音 啥的都可以

用播放器打开你的 mp4 文件


仔细找里面有一个gif 选项，点开然后按自己的要求调整，保存下来就可以啦~~