页面的部分切换
下面是效果图呦~~
原理很简单,就是用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 选项,点开然后按自己的要求调整,保存下来就可以啦~~