网站常用的一些懒加载loading动态GIF加载图 简介：在网站搭建的过程中很多时间都需要用到一些懒加载图片，为了过渡文章图片在加载的时候避免出现无图显示的情况，也更美观样图：下载：{cloud title="网站常用的一些懒加载loading动态GIF加载图" type="default" url="https://lib.hackeus.cn/static/download/loading.zip" password=""/}

网站禁止右键 教你如何查看源代码 简介：一般我们想查看一个网页的源代码时，直接右键——查看源代码即可。但是一部分网站会屏蔽掉右键，也就是在网页里右键是无效的。那么如何查看源代码呢？方法1：按键盘ctrl+U查看源代码方法2：view-source:加网址，例如：view-source:https://blog.hackeus.cn/ 查看源代码方法3：点击浏览器的网页另存为按钮，把网页另存为html，再用txt工具打开查看源代码

PHP简单的获取用户IP 系统 浏览器等信息 简介：在使用浏览器发起的 HTTP 请求中，通常会包含一个识别标识。它名为 User Agent，简称 UA。它是一串包含了客户端基础信息的字符串。通过它可以方便的获取客户端的操作系统，语言，浏览器和版本信息。我们可以利用 PHP 分析这些代码，来进行用户访问信息的识别等PHP 简单的获取 User Agent 信息代码:echo $_SERVER['HTTP_USER_AGENT'];PHP 获取访客操作系统信息:/** * 获取客户端操作系统信息,包括win10 * @param null * @return string */ <?php function GetOs() { if (!empty($_SERVER['HTTP_USER_AGENT'])) { $OS = $_SERVER['HTTP_USER_AGENT']; if (preg_match('/win/i', $OS)) { $OS = 'Windows'; } elseif (preg_match('/mac/i', $OS)) { $OS = 'MAC'; } elseif (preg_match('/linux/i', $OS)) { $OS = 'Linux'; } elseif (preg_match('/unix/i', $OS)) { $OS = 'Unix'; } elseif (preg_match('/bsd/i', $OS)) { $OS = 'BSD'; } else { $OS = 'Other'; } return $OS; } else { return "获取访客操作系统信息失败！"; }} ?>以上代码只能简单的对 User Agent 信息中包含的系统信息进行识别，但你也可以加入足够多的判断条件，给访客的系统信息进行识别。PHP 获取浏览器信息:<?php function GetBrowser() { if (!empty($_SERVER['HTTP_USER_AGENT'])) { $br = $_SERVER['HTTP_USER_AGENT']; if (preg_match('/MSIE/i', $br)) { $br = 'MSIE'; } elseif (preg_match('/Firefox/i', $br)) { $br = 'Firefox'; } elseif (preg_match('/Chrome/i', $br)) { $br = 'Chrome'; } elseif (preg_match('/Safari/i', $br)) { $br = 'Safari'; } elseif (preg_match('/Opera/i', $br)) { $br = 'Opera'; } else { $br = 'Other'; } return $br; } else { return "获取浏览器信息失败！"; }} ?>此代码只能简单的对一些主流浏览器进行识别，对一些国产的浏览器，我们还可以通过加入多个判断的形式进行识别。PHP 获取客户的 IP 地址信息:<?php //获取ip function getip() { if (getenv("HTTP_CLIENT_IP") && strcasecmp(getenv("HTTP_CLIENT_IP") , "unknown")) { $ip = getenv("HTTP_CLIENT_IP"); } else if (getenv("HTTP_X_FORWARDED_FOR") && strcasecmp(getenv("HTTP_X_FORWARDED_FOR") , "unknown")) { $ip = getenv("HTTP_X_FORWARDED_FOR"); } else if (getenv("REMOTE_ADDR") && strcasecmp(getenv("REMOTE_ADDR") , "unknown")) { $ip = getenv("REMOTE_ADDR"); } else if (isset($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR'] && strcasecmp($_SERVER['REMOTE_ADDR'], "unknown")) { $ip = $_SERVER['REMOTE_ADDR']; } else { $ip = "unknown"; } return $ip;}PHP 获取客户端的语言:<?php function GetLang() { if (!empty($_SERVER['HTTP_ACCEPT_LANGUAGE'])) { $lang = $_SERVER['HTTP_ACCEPT_LANGUAGE']; $lang = substr($lang, 0, 5); if (preg_match("/zh-cn/i", $lang)) { $lang = "简体中文"; } elseif (preg_match("/zh/i", $lang)) { $lang = "繁体中文"; } else { $lang = "English"; } return $lang; } else { return "获取浏览器语言失败！"; }} ?>以上就是 PHP 通过访客的 User Agent 信息，来识别访客的 IP 地址，浏览器，以及系统等信息的代码，此代码因为没有足够的判断条件，无法很精确的识别出各种信息。但我们可以通过后期的资料收集，来慢慢的完善它们。补充一下网站使用 CDN 以后无法获取用户真实 IP 的解决方法：function GetClientIP(){ $ip = $_SERVER["HTTP_X_FORWARDED_FOR"]; if($ip != ""){ $arr = explode(",",$ip); return $arr[0]; }else{ return $_SERVER["REMOTE_ADDR"]; } }

网站自定义QQ分享卡片代码 简介：QQ内分享网站时，标题、描述能正常抓取，而缩略图常不能，或者抓取的图片我们不喜欢。下面代码可实现自定义，分享给好友则会展示设置好的标题、描述和缩略图。代码：<meta itemprop="name" content="网页标题"> <meta itemprop="description" content="网页描述"> <meta itemprop="image" content="缩略图">

网站顶部的跑马灯特效代码功能 简介：网站顶部的跑马灯特效代码将以下代码放在头部head里即可代码：<!-- 顶部跑马灯特效 --> <style> .article-content h2 { margin: 15px 0 15px -20px; padding: 0 25px; border-left: 5px solid #51aded; background-color: #f7f7f7; font-size: 18px; line-height: 40px;} #top-img {background: url(https://lib.hackeus.cn/static/images/paomadeng.png);height: 4px;top: 0px;position: fixed;width: 100%;Z-index: 9999;} } </style> <div id="top-img"></div> <!-- 顶部跑马灯特效 -->

为网站鼠标点击添加富强民主等内容Js代码 简介：网站内点击显示富强，民主等特效把下方代码放在需要的文件中代码：<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); var $i = $("<span />").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "#ff6651" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); </script>

JS代码实现浏览器网页标题的离开动态切换 简介：为网站加上一个动态标题离开网页标题就会变，回来后就会恢复正常代码：<script> //动态标题 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { document.title = "╮(╯﹏╰）╭ 网页崩溃啦！"; clearTimeout(titleTime) } else { document.title = "(/≧▽≦/) 咦！又好了！ " ; titleTime = setTimeout(function() { document.title = OriginTitile }, 1000) } }); </script>