程序代码 - 微安博客

程序代码

我们在布局的时候有这样一种情况，就是当页面高度没有超过屏幕高度的时候，footer要固定到底部，而当页面超出满屏的高度的时候，footer要随着高度走。下面我们就通过CSS实现这一效果：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页底部固定解决方案 - 内容不足时Footer始终在底部</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } ...

微安博客 / 2025-07-03 / 386 / 0 / 19 程序代码

程序代码

QQ号码价值评估系统HTML代码专业QQ号估价工具

本系统采用先进的评估算法，通过分析QQ号码的长度特征、数字组合规律、稀有程度等多维度指标，为您提供专业的市场价值评估。无论您是QQ号收藏爱好者、数字资产投资者，还是单纯好奇自己QQ号的价值，我们的评估系统都能为您提供准确可靠的参考数据。评估指标说明：号码长度：5-6位短号价值最高，号码越短价值越高重复数字：连续重复数字(如888)会大幅提升号码价值顺子号码：连续递增/递减的数字组合(如12345或54321)特殊组合：包含520(我爱你)、1314(一生一世)等有意义的数字组合对称特征：回文对称号码(如12321)具有额外价值加成使用场景：评估自有QQ号码的市场价值买卖QQ号码前的价格参考了解优质QQ号码的特征标准数字资产投资价值分析免责声明：本评估结果基于算法模型和市场行情分析，仅供参考，实际交易价格可能因买卖双方协商而有所差异。HTML代码：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> &...

微安博客 / 2025-07-02 / 367 / 0 / 13 程序代码

程序代码

网站状态检测工具实时监控网站可用性、响应时间及状态码 HTML+JS代码

功能介绍：HTML+JS开发一个网站状态检测网站，用来监测网站是否可以正常访问，可以快速知道自己网站运行状态。1. 网址管理功能添加网址：用户可以在输入框中输入要监测的网页地址，点击 “添加网址” 按钮，工具会对输入的网址进行格式验证。验证通过后，网址会被添加到左侧面板的列表中，并且列表项后有 “删除” 按钮。删除网址：在左侧面板的网址列表中，每个网址后面都有一个 “删除” 按钮，点击该按钮可以将对应的网址从监测列表中移除，同时也会从筛选下拉框中移除该网址选项。筛选网址：右侧面板有一个 “筛选网址” 的下拉框，用户可以选择具体的网址进行筛选，只显示该网址的监测日志，也可以选择 “全部” 来显示所有网址的监测日志。2. 监测功能设置监测间隔：用户可以在输入框中设置监测间隔时间（单位为秒），默认值为 60 秒。开始 / 停止监测：点击 “开始监测” 按钮，工具会立即对所有已添加的网址进行一次检测，之后按照设置的监测间隔时间循环检测。点击 “停止监测” 按钮可停止监测。重试机制：在进行网址检测时，如果请求失败，会进行最多 3 次重试，若重试后仍失败，则记录错误日志。3. 日志记录与...

微安博客 / 2025-06-14 / 427 / 0 / 18 程序代码

程序代码

一段简单的网页顶部加载进度条JS代码简洁实现

通过CSS 和 JS 实现，打开网页加载的过程中，进度条跟随网页的加载速度而载入，直到网页加载完毕后隐藏；HTML代码<div id="progress-bar"></div>CSS代码#progress-bar { position: fixed; top: 0; left: 0; width: 0; height: 5px; background-color: #4caf50; transition: width 0.3s linear; z-index: 9999; }JS代码// 创建一个变量来追踪加载进度 let loadProgress = 0; let progressBar; // 当DOM加载开始时初始化进度条 document.addEventListener('DOMContentLoaded', function() { progressBar = document.getElementById('progress-bar'); ...

微安博客 / 2025-06-03 / 406 / 0 / 21 程序代码

程序代码

一款网站首页弹窗HTML代码：快速添加美观弹窗，提升用户体验

在网站建设中，弹窗是一个非常实用的功能，可以用于展示重要通知、引导用户操作或收集用户信息等。本文将介绍如何在网站首页添加一个美观且功能强大的弹窗，并提供具体的代码示例。为什么使用弹窗？弹窗可以有效吸引用户的注意力，确保重要信息能够被用户看到。例如，新用户访问网站时，可以通过弹窗展示欢迎信息、促销活动或重要公告，提高用户的参与度和转化率。弹窗设计要点简洁明了：弹窗内容应简洁明了，避免过多的文字和复杂的布局，确保用户能够快速获取关键信息。美观大方：设计应与网站整体风格保持一致，使用合适的颜色、字体和布局，提升用户的视觉体验。易于操作：提供明显的关闭按钮或操作指引，方便用户快速关闭弹窗，避免干扰用户的正常浏览。弹窗代码示例以下是一个简单的网站首页弹窗代码示例，使用 HTML 和 CSS 以及Javascript实现一个居中显示的弹窗，用户点击“我知道了”按钮后弹窗会自动关闭。<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-...

微安博客 / 2025-06-02 / 389 / 0 / 15 程序代码

程序代码

全新UI自适应网址发布页面HTML代码源码简洁美观

全新UI自适应网址发布页源码，体积很小仅24KB，简洁美观HTML页面，自动黑夜/白天模式，也可手动切换，页面超绿色简洁。代码如下：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>微安网络地址发布页，收藏我回家不迷路！</title> <meta name="description" content="地址发布页，收藏我回家不迷路！"> <link rel="stylesheet" href=&...

微安博客 / 2025-05-19 / 421 / 0 / 26 程序代码

程序代码

一款好看的网站暂停服务页面HTML源码

以下是一个优雅的网站暂停服务单页HTML源码：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>服务已停止</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css"> <link rel="stylesheet" href=&quo...

微安博客 / 2025-05-19 / 366 / 0 / 18 程序代码

程序代码

解决微信QQ内置浏览器跳转外部浏览器的代码方案

今天分享微信手机QQ打开网址提示浏览器打开的代码，当你在手机QQ或手机微信内打开一个网址，会发现有的网站会提示让你复制地址到手机浏览器里打开，或者弹出一个遮罩提示，反正就是让你用手机浏览器打开这个网站，不能在手机微信或手机QQ内打开。环境检测代码：检测当前环境是微信还是QQ<?php $conf['qqjump']=1; if(strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/')||strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false && $conf['qqjump']==1){ $siteurl='https://'.$_SERVER['SERVER_NAME'].':'.$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"]; echo '代码区域'; exit; } ?>提示html代码：本域名内提示用浏览器打开<html> ...

微安博客 / 2025-05-18 / 363 / 0 / 16 程序代码

程序代码

JavaScript 实现返回上一与刷新页面代码大全示例

返回上一页代码：// 使用 history.back() 方法 <a href="window.history.back();">返回上一页</a> // 或者使用 history.go(-1) 方法 <a href="javascript:history.go(-1)">返回上一页</a>刷新当前页面代码：// 使用 location.reload() 方法 <a href="window.location.reload();">刷新当前页面</a> // 或者使用 location.href 方法 <a href="window.location.href = window.location.href;">刷新当前页面</a>返回上一页并刷新代码：// 返回上一页并刷新 <a href="javascript:" onclick="self.location=docu...

微安博客 / 2024-12-03 / 556 / 0 / 12 程序代码

程序代码

Canvas+JS代码实现跟随鼠标移动的小星星效果

1、新建一个名为 canvasStar.js的文件2、右键打开该 js 文件，把下面代码复制进去：window.addEventListener("load", () => { var canvas = document.querySelector("#canvas"); var ctx = canvas.getContext("2d"); window.onresize = resizeCanvas; function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; } resizeCanvas(); canvas.style.cssText = ` position: fixed; z-index: 1000; pointer-events: none; `; var arr = []; var colo...

微安博客 / 2024-12-02 / 1.1k / 0 / 16 程序代码

程序代码

给网站顶部添加灯笼效果网站元旦新年灯笼装饰Html代码

一个简单的HTML代码示例，用于在网站顶部添加灯笼效果，以庆祝元旦新年。代码包括灯笼的样式和动画效果，使网站更具节日氛围。通过复制和粘贴代码，您可以轻松地将灯笼装饰添加到您的网站中。有两种效果一种是右侧和两边显示。具体效果请复制代码在本地运行查看效果。两边效果代码<style> .deng-boxposition:fixed;top:-30px;right:-20px;z-index:1999 .deng-box1position:relative;top:-30px;right:30px;z-index:1999 .deng-box1 .dengposition:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 5s infinite ease-in-out;animat...

微安博客 / 2024-12-02 / 618 / 0 / 28 程序代码

程序代码

利用百度开发接口实现网站Ping、IP地址、网站测速功能

利用百度开发接口创建一个网站Ping接口，用于获取IP地址和进行网站测速。通过该接口，用户可以实时监测网站的响应时间和网络性能。代码示例<?php $hh = $_GET['hh'] ?: "\n";//换行符号(默认\n) if ($_GET['url'] == null) { echo "请输入参数！"; exit(); } if (preg_match('/http:\/\//i', $_GET['url']) | preg_match('/https:\/\//i', $_GET['url'])) { echo '不能带http://或https://，只需要输入域名！'; exit(); } $msg = $_GET['url']; $host = $msg; $port = '80'; $num = 2; //Ping次数 $tip = gethostbyname($_GET['url']); //获取时间 function mt_f() { list($usec, $sec) = ...

微安博客 / 2024-12-02 / 463 / 0 / 29 程序代码

程序代码

Curl 请求封装函数示例代码：GET、POST、DELETE、PUT

Get请求函数封装function getUrl($url, $header = []) { $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HTTPGET, true); if ($header) { curl_setopt($ch, CURLOPT_HTTPHEADER, $header); } curl_setopt($ch, CURLOPT_TIMEOUT, 30); //设置超时时间：30s curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); //忽略ssl检测 curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); //1 或 TRUE 将curl_exec()获取的信息以...

微安博客 / 2024-12-02 / 743 / 0 / 75 程序代码

程序代码

使用JavaScript实现网页仅在微信客户端打开链接的限制代码

以下是一个简单的JavaScript代码示例，用于检测用户是否在微信客户端中打开网页，并根据检测结果限制链接的访问。<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> </head> <body> <script type="text/javascript"> var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; var isAndroid = ua.indexOf('android') != -1; var isIos = (ua.indexOf('iphone') != -1) || (ua....

微安博客 / 2024-12-02 / 425 / 0 / 69 程序代码

程序代码

jQuery 美化title属性提示优化样式效果

在网页设计中，标题提示（title属性）是一个常用的工具，用于为用户提供额外的信息。然而，默认的浏览器提示样式往往显得单调且不够吸引人。通过使用jQuery，我们可以轻松地美化这些提示，使其更具视觉吸引力，提升用户体验。本示例展示了如何使用jQuery动态创建一个自定义的提示框，并为其添加样式。通过这种方式，您可以确保提示框在页面上的任何位置都能完美显示，并且具有一致的外观和感觉。样式可以查看本站的a或img标签。引入jQuery首先这个功能需要先引入jQuery才能实现。JavaScriptvar sweetTitles = { x: 10, y: 20, tipElements: "a,i,span,img,div", noTitle: false, init: function () { var b = this.noTitle; $(this.tipElements).each(function () { $(this) .mouseover(function (e) { ...

微安博客 / 2024-11-30 / 552 / 0 / 36 程序代码

动态快讯

热门文章