高德地图是中国领先的数字地图内容、导航和位置服务解决方案提供商。它为用户提供包括地图浏览、路线规划、位置搜索、导航等一系列综合性的服务。作为阿里巴巴生态体系的重要产品,高德地图一直致力于通过科技创新,为用户提供更加精准、便捷的服务。 今天,给大家分享一款高德地图网页在线版的源码,可玩性还是挺不错的,喜欢的快来食用吧。 > 实现原理:Leaflet加载。 ## 效果展示 ![lttqaxcw.png](https://vjo.cc/usr/uploads/2024/03/3492022975.png) ![lttqb8cz.png](https://vjo.cc/usr/uploads/2024/03/2470460555.png) > 首次加载,可能要多等一会儿… ## 源码 ```html Leaflet 加载高德地图 * { margin: 0; padding: 0
今天给大家分享一款免费开源的PHP探针工具:x-prober ,它是一个可以总览全局的服务器性能监控平台,功能十分强大,它能让管理员实时监测服务器状态,确保系统稳定高效。x-prober提供全面的性能指标,包括CPU使用率、内存占用、磁盘空间和网络流量等,使管理员能够及时发现并解决潜在问题。 ## 效果展示 ![ltqpt30k.png](https://vjo.cc/usr/uploads/2024/03/2156073506.png) 源码下载 ## 使用方法 1.下载源码 2.上传到服务器(或者你的网站目录)并解压 3.从浏览器访问源码文件(x.php)即可看到效果。 比如:https://源码文件路径/x.php 完!
时间轴是一种常见的信息展示方式,它可以帮助人们更直观地理解一系列事件、进程或者故事发展的时间顺序和时序关系。时间轴通常用于展示历史事件、项目进度、个人经历等,它具有"可视化时间流逝"、"整体把握"、"时间点标注"、"沉浸式体验"等诸多作用。下面我将源码资源分享给大家一起食用! ## 效果1 ![ltpjxr1m.png](https://vjo.cc/usr/uploads/2024/03/381105819.png) 源码下载 ### HTML代码 ```html 网站可视化时间轴_刘郎阁 XXXX时间轴 2024年 3月13日 刘郎阁正式搭建 一个崭新的平台出现 3月x日 XXXX 分享第一部影视
之前看到其他博主用的一款"动态时间"插件,看着效果挺不错的,不过源码要付费才能下载。现在,终于被我找到了,免费分享给大家……
我个人觉得"个人主页"就应该:简单、大气、清新的最好(个人观点)。简洁一点的东西,看着舒服。不会让人有花里胡哨的感觉…… 给大家分享一款最近看到的,我个人觉得还不错的个人主页。 ## 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
在现代网页设计中,HTML技术至关重要。本次分享一款HTML文字液态动态渐变效果,让您的网页更具吸引力。通过本文,您将学会如何实现这一效果,并分享实用的技巧和心得。让我们一起探索HTML文字液态动态渐变的奥秘,为网页设计增添创意。接下来,让我们开始正文部分的讲解吧! ## 效果展示 ![IMG_4068.gif](https://vjo.cc/usr/uploads/2024/03/365229469.gif) ## 代码 ```html YECLOUD /* 重置默认的margin、padding和box-sizing样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } /* body元素的样
在这个充满活力的数字时代,背景特效成为了吸引用户注意力、提升网页美感的重要手段。本文为您精心准备了多种以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 /
提起加载(loading)效果,想必大家都不会陌生,在目前的移动端、PC端、各类app均广泛使用,使用loading动画能显著提升用户的交互体检,尤其是在页面加载速度比较的慢的情况下,loading动画的作用就更加突出了。 ### 效果1 ![IMG_4035.gif](https://vjo.cc/usr/uploads/2024/02/2126052359.gif) ### 效果2 ![IMG_4036.webp](https://vjo.cc/usr/uploads/2024/02/3476633490.webp) ### 效果3 ![IMG_4037.gif](https://vjo.cc/usr/uploads/2024/02/257390593.gif) ### 效果4 ![lt9qu316.png](https://vjo.cc/usr/uploads/2024/03/3893641076.png) ### 效果5 ![lt9qudul.png](https://vjo.cc/usr/uploads/2024/03/7396
提起加载(loading)效果,想必大家都不会陌生,在目前的移动端、PC端、各类app均广泛使用,使用loading动画能显著提升用户的交互体检,尤其是在页面加载速度比较的慢的情况下,loading动画的作用就更加突出了。 ![IMG_4025.gif](https://vjo.cc/usr/uploads/2024/02/1125964605.gif) ### 效果1 ![IMG_4029.gif](https://vjo.cc/usr/uploads/2024/02/2266620648.gif) ```html Document body { margin: 0; padding: 0; background: #0099CC; } /* 设置位置 */ .loading { position: absolute;
之前看到别人的博客底部都有一个"在线人数"的功能,对于初来乍到的我来说,很实用、也很酷。我想着要是可以在我的博客中也弄一个,那就酷毙了。结果…… 去Typecho官网和Joe主题相关的插件库找了好多有关的插件,大多都是没用(或者叫你付费的),像我这样一穷二白的人,让我付费(根本就不可能, ~~主要还是因为穷啊~~ )。接着我又去百度、Gitee、Github、CSDN找……总之,不是操作流程太复杂就是让你付费! 算了,还是自己慢慢捣鼓吧。皇天不负有心人,终于还是让我给弄出来了(虽然方法很简陋、很低端),但对于我来说,功能已经足够使用了。 ## 效果展示 ![IMG_3970.jpeg][1] > 以最原始的方法,实现最简单的事! ## 具体操作 ### 方法1 1.新建文件 在网站根目录(www、public_html、html、public、web、httpdocs、htdocs…)下创建一个 online.log 文件(用于记录、更新网站实时访问者的ip地址) 2.复制代码 复制下面代码到你的主题目录的footer.
刘郎 ( 博主20分钟前在线 )
敬畏生命,热爱生活!