欢迎来到好人卡资源网，专注网络技术资源收集，我们不仅是网络资源的搬运工，也生产原创资源。寻找资源请留言或关注公众号:烈日下的男人
> 网站源码 > typecho美化代码(一)

typecho美化代码(一)

网站源码 sky995 1年前 (2023-04-07) 751次浏览 0个评论

本文及资源最后更新时间 2023-04-07 by sky995

网站雪花特效◆放置到 footer

博客背景彩带特效◆放置到 footer

  • <script>
  • !
  • function() {
  • function n(n, e, t) {
  • return n.getAttribute(e) || t
  • }
  • function e(n) {
  • return document.getElementsByTagName(n)
  • }
  • function t() {
  • var t = e(“script”),
  • o = t.length,
  • i = t[o – 1];
  • return {
  • l: o,
  • z: n(i, “zIndex”, -1),
  • o: n(i, “opacity”, .5),
  • c: n(i, “color”, “0,0,0”),
  • n: n(i, “count”, 99)
  • }
  • }
  • function o() {
  • a = m.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
  • c = m.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
  • }
  • function i() {
  • r.clearRect(0, 0, a, c);
  • var n, e, t, o, m, l;
  • s.forEach(function(i, x) {
  • for (i.x += i.xa, i.y += i.ya, i.xa *= i.x > a || i.x < 0 ? -1 : 1, i.ya *= i.y > c || i.y < 0 ? -1 : 1, r.fillRect(i.x – .5, i.y – .5, 1, 1), e = x + 1; e < u.length; e++) n = u[e],
  • null !== n.x && null !== n.y && (o = i.x – n.x, m = i.y – n.y, l = o * o + m * m, l < n.max && (n === y && l >= n.max / 2 && (i.x -= .03 * o, i.y -= .03 * m), t = (n.max – l) / n.max, r.beginPath(), r.lineWidth = t / 2, r.strokeStyle = “rgba(“ + d.c + “,” + (t + .2) + “)”, r.moveTo(i.x, i.y), r.lineTo(n.x, n.y), r.stroke()))
  • }),
  • x(i)
  • }
  • var a, c, u, m = document.createElement(“canvas”),
  • d = t(),
  • l = “c_n” + d.l,
  • r = m.getContext(“2d”),
  • x = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
  • function(n) {
  • window.setTimeout(n, 1e3 / 45)
  • },
  • w = Math.random,
  • y = {
  • x: null,
  • y: null,
  • max: 2e4
  • };
  • m.id = l,
  • m.style.cssText = “position:fixed;top:0;left:0;z-index:” + d.z + “;opacity:” + d.o,
  • e(“body”)[0].appendChild(m),
  • o(),
  • window.onresize = o,
  • window.onmousemove = function(n) {
  • n = n || window.event,
  • y.x = n.clientX,
  • y.y = n.clientY
  • },
  • window.onmouseout = function() {
  • y.x = null,
  • y.y = null
  • };
  • for (var s = [], f = 0; d.n > f; f++) {
  • var h = w() * a,
  • g = w() * c,
  • v = 2 * w() – 1,
  • p = 2 * w() – 1;
  • s.push({
  • x: h,
  • y: g,
  • xa: v,
  • ya: p,
  • max: 6e3
  • })
  • }
  • u = s.concat([y]),
  • setTimeout(function() {
  • i()
  • },
  • 100)
  • } ();
  • </script>

网站不允许右键♥放置到 footer

  • <body onselectstart=“return false;” oncontextmenu=“alert(‘就是不让你按鼠标右键！’);return false;” onkeydown=“if(event.keyCode==27) return false;”>
  • <script type=“text/javascript”>
  • document.onmousedown = click; //绑定禁用鼠标右键事件
  • document.onkeydown = ctrl_key; //绑定禁用键盘事件
  • function click() {
  • if (event.button == 2) //单击的鼠标键为右键
  • {
  • alert(‘就是不让你按鼠标右键！’);
  • return false;
  • }
  • }
  • function ctrl_key() {
  • if (event.keyCode == 17) { //禁用CTRL+S 保存网页代码
  • window.alert(“就是不让你按鼠标右键！”);
  • return false;
  • }
  • if (event.keyCode == 123) { //禁用F12查看源代码
  • alert(‘就是不让你按鼠标右键！’);
  • return false;
  • }
  • }
  • </script>

初音未来播放器◆放置到 footer

底部鼠标线◆放置到 footer

  • <script>
  • (function(name, factory) {
  • if (typeof window === “object”) {
  • window[name] = factory()
  • }
  • })(“Ribbons”, function() {
  • var _w = window,
  • _b = document.body,
  • _d = document.documentElement;
  • var random = function() {
  • if (arguments.length === 1) {
  • if (Array.isArray(arguments[0])) {
  • var index = Math.round(random(0, arguments[0].length – 1));
  • return arguments[0][index]
  • }
  • return random(0, arguments[0])
  • } else if (arguments.length === 2) {
  • return Math.random() * (arguments[1] – arguments[0]) + arguments[0]
  • }
  • return 0
  • };
  • var screenInfo = function(e) {
  • var width = Math.max(0, _w.innerWidth || _d.clientWidth || _b.clientWidth || 0),
  • height = Math.max(0, _w.innerHeight || _d.clientHeight || _b.clientHeight || 0),
  • scrollx = Math.max(0, _w.pageXOffset || _d.scrollLeft || _b.scrollLeft || 0) – (_d.clientLeft || 0),
  • scrolly = Math.max(0, _w.pageYOffset || _d.scrollTop || _b.scrollTop || 0) – (_d.clientTop || 0);
  • return {
  • width: width,
  • height: height,
  • ratio: width / height,
  • centerx: width / 2,
  • centery: height / 2,
  • scrollx: scrollx,
  • scrolly: scrolly
  • }
  • };
  • var mouseInfo = function(e) {
  • var screen = screenInfo(e),
  • mousex = e ? Math.max(0, e.pageX || e.clientX || 0) : 0,
  • mousey = e ? Math.max(0, e.pageY || e.clientY || 0) : 0;
  • return {
  • mousex: mousex,
  • mousey: mousey,
  • centerx: mousex – screen.width / 2,
  • centery: mousey – screen.height / 2
  • }
  • };
  • var Point = function(x, y) {
  • this.x = 0;
  • this.y = 0;
  • this.set(x, y)
  • };
  • Point.prototype = {
  • constructor: Point,
  • set: function(x, y) {
  • this.x = x || 0;
  • this.y = y || 0
  • },
  • copy: function(point) {
  • this.x = point.x || 0;
  • this.y = point.y || 0;
  • return this
  • },
  • multiply: function(x, y) {
  • this.x *= x || 1;
  • this.y *= y || 1;
  • return this
  • },
  • divide: function(x, y) {
  • this.x /= x || 1;
  • this.y /= y || 1;
  • return this
  • },
  • add: function(x, y) {
  • this.x += x || 0;
  • this.y += y || 0;
  • return this
  • },
  • subtract: function(x, y) {
  • this.x -= x || 0;
  • this.y -= y || 0;
  • return this
  • },
  • clampX: function(min, max) {
  • this.x = Math.max(min, Math.min(this.x, max));
  • return this
  • },
  • clampY: function(min, max) {
  • this.y = Math.max(min, Math.min(this.y, max));
  • return this
  • },
  • flipX: function() {
  • this.x *= -1;
  • return this
  • },
  • flipY: function() {
  • this.y *= -1;
  • return this
  • }
  • };
  • var Factory = function(options) {
  • this._canvas = null;
  • this._context = null;
  • this._sto = null;
  • this._width = 0;
  • this._height = 0;
  • this._scroll = 0;
  • this._ribbons = [];
  • this._options = {
  • colorSaturation: “80%”,
  • colorBrightness: “60%”,
  • colorAlpha: 0.65,
  • colorCycleSpeed: 6,
  • verticalPosition: “center”,
  • horizontalSpeed: 150,
  • ribbonCount: 5,
  • strokeSize: 5,
  • parallaxAmount: -0.5,
  • animateSections: true
  • };
  • this._onDraw = this._onDraw.bind(this);
  • this._onResize = this._onResize.bind(this);
  • this._onScroll = this._onScroll.bind(this);
  • this.setOptions(options);
  • this.init()
  • };
  • Factory.prototype = {
  • constructor: Factory,
  • setOptions: function(options) {
  • if (typeof options === “object”) {
  • for (var key in options) {
  • if (options.hasOwnProperty(key)) {
  • this._options[key] = options[key]
  • }
  • }
  • }
  • },
  • init: function() {
  • try {
  • this._canvas = document.createElement(“canvas”);
  • this._canvas.style[“display”] = “block”;
  • this._canvas.style[“position”] = “fixed”;
  • this._canvas.style[“margin”] = “0”;
  • this._canvas.style[“padding”] = “0”;
  • this._canvas.style[“border”] = “0”;
  • this._canvas.style[“outline”] = “0”;
  • this._canvas.style[“left”] = “0”;
  • this._canvas.style[“top”] = “0”;
  • this._canvas.style[“width”] = “100%”;
  • this._canvas.style[“height”] = “100%”;
  • this._canvas.style[“z-index”] = “-1”;
  • this._onResize();
  • this._context = this._canvas.getContext(“2d”);
  • this._context.clearRect(0, 0, this._width, this._height);
  • this._context.globalAlpha = this._options.colorAlpha;
  • window.addEventListener(“resize”, this._onResize);
  • window.addEventListener(“scroll”, this._onScroll);
  • document.body.appendChild(this._canvas)
  • } catch (e) {
  • console.warn(“Canvas Context Error: “ + e.toString());
  • return
  • }
  • this._onDraw()
  • },
  • addRibbon: function() {
  • var dir = Math.round(random(1, 9)) > 5 ? “right” : “left”,
  • stop = 1000,
  • hide = 200,
  • min = 0 – hide,
  • max = this._width + hide,
  • movex = 0,
  • movey = 0,
  • startx = dir === “right” ? min : max,
  • starty = Math.round(random(0, this._height));
  • if (/^(top|min)$/i.test(this._options.verticalPosition)) {
  • starty = 0 + hide
  • } else if (/^(middle|center)$/i.test(this._options.verticalPosition)) {
  • starty = this._height / 2
  • } else if (/^(bottom|max)$/i.test(this._options.verticalPosition)) {
  • starty = this._height – hide
  • }
  • var ribbon = [],
  • point1 = new Point(startx, starty),
  • point2 = new Point(startx, starty),
  • point3 = null,
  • color = Math.round(random(0, 360)),
  • delay = 0;
  • while (true) {
  • if (stop <= 0) break;
  • stop–;
  • movex = Math.round((Math.random() * 1 – 0.2) * this._options.horizontalSpeed);
  • movey = Math.round((Math.random() * 1 – 0.5) * (this._height * 0.25));
  • point3 = new Point();
  • point3.copy(point2);
  • if (dir === “right”) {
  • point3.add(movex, movey);
  • if (point2.x >= max) break
  • } else if (dir === “left”) {
  • point3.subtract(movex, movey);
  • if (point2.x <= min) break
  • }
  • ribbon.push({
  • point1: new Point(point1.x, point1.y),
  • point2: new Point(point2.x, point2.y),
  • point3: point3,
  • color: color,
  • delay: delay,
  • dir: dir,
  • alpha: 0,
  • phase: 0
  • });
  • point1.copy(point2);
  • point2.copy(point3);
  • delay += 4;
  • color += this._options.colorCycleSpeed
  • }
  • this._ribbons.push(ribbon)
  • },
  • _drawRibbonSection: function(section) {
  • if (section) {
  • if (section.phase >= 1 && section.alpha <= 0) {
  • return true
  • }
  • if (section.delay <= 0) {
  • section.phase += 0.02;
  • section.alpha = Math.sin(section.phase) * 1;
  • section.alpha = section.alpha <= 0 ? 0 : section.alpha;
  • section.alpha = section.alpha >= 1 ? 1 : section.alpha;
  • if (this._options.animateSections) {
  • var mod = Math.sin(1 + section.phase * Math.PI / 2) * 0.1;
  • if (section.dir === “right”) {
  • section.point1.add(mod, 0);
  • section.point2.add(mod, 0);
  • section.point3.add(mod, 0)
  • } else {
  • section.point1.subtract(mod, 0);
  • section.point2.subtract(mod, 0);
  • section.point3.subtract(mod, 0)
  • }
  • section.point1.add(0, mod);
  • section.point2.add(0, mod);
  • section.point3.add(0, mod)
  • }
  • } else {
  • section.delay -= 0.5
  • }
  • var s = this._options.colorSaturation,
  • l = this._options.colorBrightness,
  • c = “hsla(“ + section.color + “, “ + s + “, “ + l + “, “ + section.alpha + ” )”;
  • this._context.save();
  • if (this._options.parallaxAmount !== 0) {
  • this._context.translate(0, this._scroll * this._options.parallaxAmount)
  • }
  • this._context.beginPath();
  • this._context.moveTo(section.point1.x, section.point1.y);
  • this._context.lineTo(section.point2.x, section.point2.y);
  • this._context.lineTo(section.point3.x, section.point3.y);
  • this._context.fillStyle = c;
  • this._context.fill();
  • if (this._options.strokeSize > 0) {
  • this._context.lineWidth = this._options.strokeSize;
  • this._context.strokeStyle = c;
  • this._context.lineCap = “round”;
  • this._context.stroke()
  • }
  • this._context.restore()
  • }
  • return false
  • },
  • _onDraw: function() {
  • for (var i = 0, t = this._ribbons.length; i < t; ++i) {
  • if (!this._ribbons[i]) {
  • this._ribbons.splice(i, 1)
  • }
  • }
  • this._context.clearRect(0, 0, this._width, this._height);
  • for (var a = 0; a < this._ribbons.length; ++a) {
  • var ribbon = this._ribbons[a],
  • numSections = ribbon.length,
  • numDone = 0;
  • for (var b = 0; b < numSections; ++b) {
  • if (this._drawRibbonSection(ribbon[b])) {
  • numDone++
  • }
  • }
  • if (numDone >= numSections) {
  • this._ribbons[a] = null
  • }
  • }
  • if (this._ribbons.length < this._options.ribbonCount) {
  • this.addRibbon()
  • }
  • requestAnimationFrame(this._onDraw)
  • },
  • _onResize: function(e) {
  • var screen = screenInfo(e);
  • this._width = screen.width;
  • this._height = screen.height;
  • if (this._canvas) {
  • this._canvas.width = this._width;
  • this._canvas.height = this._height;
  • if (this._context) {
  • this._context.globalAlpha = this._options.colorAlpha
  • }
  • }
  • },
  • _onScroll: function(e) {
  • var screen = screenInfo(e);
  • this._scroll = screen.scrolly
  • }
  • };
  • return Factory
  • });
  • new Ribbons({
  • colorSaturation: “60%”,
  • colorBrightness: “50%”,
  • colorAlpha: 0.5,
  • colorCycleSpeed: 5,
  • verticalPosition: “random”,
  • horizontalSpeed: 200,
  • ribbonCount: 3,
  • strokeSize: 0,
  • parallaxAmount: -0.2,
  • animateSections: true
  • });
  • </script>

树林飘落特效◆放置到 footer

在线人粉◆放置到 header

  • <?php
  • //首先你要有读写文件的权限，首次访问肯不显示，正常情况刷新即可
  • $online_log = “slzxrs.dat”; //保存人数的文件到根目录,
  • $timeout = 30;//30秒内没动作者,认为掉线
  • $entries = file($online_log);
  • $temp = array();
  • for ($i=0;$i<count($entries);$i++){
  • $entry = explode(“,”,trim($entries[$i]));
  • if(($entry[0] != getenv(‘REMOTE_ADDR’)) && ($entry[1] > time())) {
  • array_push($temp,$entry[0].“,”.$entry[1].“\n”); //取出其他浏览者的信息,并去掉超时者,保存进$temp
  • }
  • }
  • array_push($temp,getenv(‘REMOTE_ADDR’).“,”.(time() + ($timeout)).“\n”); //更新浏览者的时间
  • $slzxrs = count($temp); //计算在线人数
  • $entries = implode(“”,$temp);
  • //写入文件
  • $fp = fopen($online_log,“w”);
  • flock($fp,LOCK_EX); //flock() 不能在NFS以及其他的一些网络文件系统中正常工作
  • fputs($fp,$entries);
  • flock($fp,LOCK_UN);
  • fclose($fp);
  • $tj= “在线人数：”.$slzxrs.“人”;
  • ?>

调用

  • <?php echo $tj?>

打赏代码

  • <div style=“padding: 10px 0; margin: 20px auto; width: 100%; font-size:16px; text-align: center;”>
  • <button id=“rewardButton” disable=“enable” onclick=“var qr = document.getElementById(‘QR’); if (qr.style.display === ‘none’) {qr.style.display=’block’;} else {qr.style.display=’none’}”>
  • <span>打赏</span></button>
  • <div id=“QR” style=“display: none;”>
  • <div id=“wechat” style=“display: inline-block”>
  • <a class=“fancybox” rel=“group”>
  • <img id=“wechat_qr” src=“https://ws3.sinaimg.cn/large/006gFOhdgy1fywxegr9njj30wg0p2q5w.jpg&#8221; alt=“WeChat Pay”></a>
  • <p>微信打赏</p>
  • </div>
  • <div id=“alipay” style=“display: inline-block”>
  • <a class=“fancybox” rel=“group”>
  • <img id=“alipay_qr” src=“https://ws3.sinaimg.cn/large/006gFOhdgy1fywxeuzpg6j30tu0srq62.jpg&#8221; alt=“Alipay”></a>
  • <p>支付宝打赏</p>
  • </div>
  • </div>
  • </div>

网站运行时间◆放置到 footer

  • <span id=“runtime_span”></span> <script
  • type=“text/javascript”>function
  • show_runtime(){window.setTimeout(“show_runtime()”,1000);X=new
  • Date(“10/16/2017 5:22:00”); Y=new
  • Date();T=(Y.getTime()-X.getTime());M=246060*1000;
  • a=T/M;A=Math.floor(a);b=(a-A)24;B=Math.floor(b);c=(b-B)60;C=Math.floor((b-B)60);D=Math.floor((c-C)60);
  • runtime_span.innerHTML=” 本站勉强运行:
  • “+A+” 天 “+B+” 小时 “+C+” 分 “+D+” 秒 “} show_runtime ();</script>
好人卡资源网 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：typecho美化代码(一)
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi，您需要填写昵称和邮箱！

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址