有趣可调节的暗黑模式

暗黑模式，就是把你手机或电脑上的界面，从原来的亮色变成深色。这样在晚上或者光线暗的地方用手机时，屏幕就不会那么刺眼，对眼睛比较好。现在很多应用和系统都有了这个功能，用起来挺方便的。 今天给大家分享一个可玩性极高的暗黑模式自由调节代码。至于用到什么地方，怎么用，你说了算😎 ## 效果展示 ![IMG_5048.gif](https://vjo.cc/usr/uploads/2024/04/1676431432.gif) 此效果展示图来自jdeal。 ## 代码 ```html 暗黑模式 刘郎阁 点我💡 document.addEventListener('DOMContentLoaded', function () { const lightControlButton = document.getElementById('light-control'); let currentOpacity = 0.1; let isLightControlActive = false

源码分享 · 2024-04-19 16:59

给网页顶部添加轮播图

想给网页加个炫酷的图片轮播吗？自动加手动二合一的图片轮播图！这篇文章可以参考参考！简单几步，让网页顶部动起来，吸引眼球。快来看看怎么做到的吧！

源码分享 · 2024-04-09 13:42

给网页顶部添加加载进度条

想不想让用户的等待时间变得更加有趣？本文将教你在网页顶部添加一个加载进度条，让用户的等待时间不再无聊。通过这个小小的改变，你可以大大提升用户体验，让网站更具吸引力。快来学习一下吧！ ## 效果展示 点我查看效果 ## 源代码 ```html 网页加载进度条 .pace { z-index:999; pointer-events:none; user-select:none; z-index:2; position:fixed; margin:auto; top: 5px; left:0; right:0; height: 12px; border-radius:8px; width: 8rem; background:#eaecf2; overflow:hidden } .pace-inactive .pace-progress { opacity:0;

源码分享 · 2024-04-08 11:21

博客文章/页面内添加时间轴记录

今天分享一个如何在你的博客里加一个“时间线”的方法。想象一下，你的故事或者信息就像电影里的剧情，时间线就像那个一直往前跑的字幕，告诉你现在进行到哪一步了。这样，你的读者就能更清楚地跟着你的思路走，而且看起来也很有趣哦！别担心，做起来很简单，这篇文章会手把手教你怎么做。 ## 效果展示 ![2024-04-08T01:12:19.png](https://vjo.cc/usr/uploads/2024/04/2222254364.png) ## 具体操作 将以下代码添加到typecho文章或者页面合适位置即可： ```html 2024年 2024年05月荣获国际吹牛妄想双奖 2024年04月xxx 2024年03月编不下去了…… 2024年02月筹备收购xxx 2024年01月完成对刘郎阁的升级，创建刘郎阁集团 2023年 2023年09月成功收购腾易讯云 2023年7月成功收购华啥为 2023年05

源码分享 · 2024-04-08 09:21

HTML实现打字机效果

HTML打字机效果是一种在网页上模拟打字机打字效果的技术，通过在HTML中使用JavaScript和CSS实现。当用户访问网页时，文字会像打字机一样一个一个地出现，给人一种动态的视觉效果。这种效果可以增加网页的趣味性和吸引力，提高用户体验。 ## 方法1 ### 效果展示 ![tutieshi_640x189_16s 2.gif](https://vjo.cc/usr/uploads/2024/04/621779844.gif) ### 具体操作 1.添加html代码 ```html 刘郎阁 ``` 2.引入css样式代码 ```css .daziji{ height: 120px; line-height: 120px; text-align: center; position: relative; font-size: 50px; letter-spacing: .2em; } .daziji h2{ margin: 50px 0 20p

源码分享 · 2024-04-07 10:24

一段代码实现Sitemap站点地图

分享一段简单的代码，帮你快速生成网站的Sitemap站点地图。Sitemap是一个列出网站上所有页面URL的文件，它帮助搜索引擎更好地索引你的网站内容。 文章中的代码示例将指导你如何自动化生成Sitemap，这对于提高网站的SEO（搜索引擎优化）非常有用。无论你的网站大小，这个技巧都能帮助你确保搜索引擎能够找到并正确索引你的网页。 ## 具体操作 1.新建一个php模板页面 在你的主题目录下新建一个 sitemap.php 模板页面（名称可自定义），然后复制以下代码到其中： ```php

源码分享 · 2024-04-05 16:21

外部链接跳转提示

这篇文章将教会你如何为你的网站添加外部链接跳转提示功能。当访问者点击一个指向其他网站的链接时，这个功能会先显示一个警告框，提醒他们即将离开当前网站。这样做不仅可以提高用户体验，还能帮助访问者意识到他们即将访问外部内容，从而增加网站的安全性和透明度。文章会详细讲解设置过程，让你轻松为自己的网站加入这一实用功能。 ## 效果展示 ![2024-04-05T07:17:54.png](https://vjo.cc/usr/uploads/2024/04/512642955.png) ## 具体操作 1.新建 js 文件 新建一个 js 文件，如：yjvc.js。然后复制以下代码到其中，代码里面的网址为排除跳转中间页（跳转提示页面）。 ```js function checkParent(element, classNames) { while (element) { if (element.classList && classNames.some(cn => element.classList.contains(cn))) {

源码分享 · 2024-04-05 15:35

评论时一键自动填写昵称邮箱网址信息

今天给大家分享一个如何在博客评论时一键自动填写昵称、邮箱和网址信息。通过简单的设置，你可以在评论框中自动填充预设的昵称、邮箱和网址，省去了每次填写这些信息的麻烦。这个功能对于经常在博客上留言的用户来说非常方便，可以节省时间并提供更流畅的评论体验。无论是博主还是访客，都可以受益于这个实用的技巧。 > 本人亲测，对于绝大部分的网站都是有效果的👍 ## 实现原理 通过浏览器书签实现博客网站留言、评论时一键填写昵称、邮箱、网址信息。 ## 具体操作 1.将本页添加到收藏夹保存为书签 2.右键刚刚创建的书签，选择“编辑”或“属性” 3.将“名称”一栏改为“一键填写留言评论信息”（见名知意即可，名称可换成其它的） 4.接着将“网址”或“地址”或“url”一栏原有的网址链接替换成下面的 javascript 代码（代码里面的相关个人信息改为自己的），然后保存即可。 ![2024-04-05T06:06:14.png](https://vjo.cc/usr/uploads/2024/04/3706734009.png) 5.以后遇到留言或评论

源码分享 · 2024-04-05 14:00

分享一款不错的个人主页 | 源码

我个人觉得"个人主页"就应该：简单、大气、清新的最好（个人观点）。简洁一点的东西，看着舒服。不会让人有花里胡哨的感觉…… 给大家分享一款最近看到的，我个人觉得还不错的个人主页。 ## PC端效果 ![ltmaxq60.png](https://vjo.cc/usr/uploads/2024/03/1665539497.png) ## 手机端效果 ![ltmayjp2.png](https://vjo.cc/usr/uploads/2024/03/3054040031.png) ## 源代码 ```html 首页 - 刘郎阁 *{ padding: 0px; margin: 0px; } body,html{ height:100%; width: 100%; background-color: #EFEEEE; } .card{ height: 430px; bac

源码分享 · 2024-03-11 10:18

HTML+CSS+JavaScript背景特效

在这个充满活力的数字时代，背景特效成为了吸引用户注意力、提升网页美感的重要手段。本文为您精心准备了多种以HTML+CSS+JavaScript代码实现的背景特效，让您轻松地为网页增添动态与趣味。 ### 特效1：星空 ![IMG_4038.gif](https://vjo.cc/usr/uploads/2024/02/633817378.gif) ```html 星空 body{ margin: 0; } let camera let scene let renderer let material let mouseX = 0 let mouseY = 0 let windowHalfX = window.innerWidth / 2 let windowHalfY = window.innerHeight /

源码分享 · 2024-02-27 16:34
| 黔ICP备2024020400号 | 萌ICP备20246777号 | | 当前有 2 人在线 |
本站已加入BLOGS·CN
订阅
Sitemap
博友圈 星球穿梭
开往-友链接力