介绍

最近一直在网上找一款个人简历模板,在经过无所的对比后,发现还是张大侠的个人简历模板效果最好,但该模板个人logo无法显示,加之侧边信息栏随页面一起滚动,遂在网上查询相关教程、予以修改。
拾迹个人简历模板-修改版

代码修改

logo部分

  • 删除以下代码:原24-29行
<script>
    function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
   }
</script>
  • 添加以下代码:75行后
<script type="text/javascript">
      avatar.onload = function() {
            setTimeout(function(){
                document.getElementsByClassName('avatar')[0] .style.display = 'block';
                document.getElementsByClassName('loading')[0] .style.display = 'none';},1000)
       }
</script>

左侧栏固定

  • 原37-46行代码替换为
<section class="side" id="side" style="position: fixed;">
     <label class="switch" style="display: none;" onchange="switchFixed()">
     <script type="text/javaScript">
     function switchFixed(){
     var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
     document.getElementById('side').style.position = value;
     }
</script>

预览与下载

修改前DEMO:https://itsay.gitee.io/resume/
修改后DEMO:https://oduang.github.io/resume/
github仓库:https://github.com/oduang/resume/

致谢

向原作者致谢:https://gitee.com/itsay/resume

Last modification:March 24th, 2020 at 06:29 pm
If you think my article is useful to you, please feel free to appreciate