统计
  • 文章总数:861 篇
  • 评论总数:1353 条
  • 分类总数:2 个
  • 最后更新:昨天 15:02

HTML个人主页,个人导航页面源码,多种特效!

本文阅读 1 分钟
首页 技术知识 正文

一个个人首页,HTML单页多文件导航页面,多种鼠标特效和网页特效,可以做专属导航,网友自行开发公开代码,看着挺舒服的!
有渐变特效,快捷导航,黑白切换按钮!
2024-01-25T02:05:27.png

下载地址:

隐藏内容
评论可见
前往评论

免责声明
本站提供的一切内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
输入密码访问单页,密码验证跳转网站源码
« 上一篇 01-25
2024自用SEO纯原创文章从生成到发布整套程序!配套CMS二开后台!
下一篇 » 01-26

发表评论

V注册会员 L评论等级
R2 条回复
  1. 2024-01-25     Android /    Chrome

    学习一下

  2. 2024-01-25     Win 10 /    Chrome

    优化:1.刚才测了一下,index里的/static..路径,前面的斜杠已经删了,不然找不到CSS和其他样式,JS里的还没有改,script.js,里面把static前面的斜杠去掉就可以了。2.发现每次刷新加载慢,大家可以把js里面的``` var projectItems = document.querySelectorAll(".projectItem");
    function checkProjectItems() {
    for (var i = 0; i < projectItems.length; i++) {
    var projectItem = projectItems[i];
    var projectItemTop = projectItem.getBoundingClientRect().top;
    if (projectItemTop < window.innerHeight * 1.05) {
    projectItem.classList.add("fade-in-visible");
    }
    }
    }
    window.addEventListener("scroll", checkProjectItems);
    window.addEventListener("resize", checkProjectItems);
    checkProjectItems();```最后这段注销掉,然后把CSS里面的这个样式前面的注释掉:```.projectItem {
    opacity: 0;
    transition-delay: 0.5s;
    transform: translateY(50px);
    注释掉上面的3个样式
    } ```这样下面的网址导航就直接显示了,去掉了懒加载了。

没有更多评论了

作者信息

动态快讯

    请配置好页面缩略名选项

热门文章

标签TAG

没有任何标签

热评文章