找到
6
篇与
组件
相关的结果
-
![[typecho]右键菜单替换效果和屏蔽F12等](https://fastly.jsdelivr.net/npm/typecho-joe-next@6.0.0/assets/img/lazyload.jpg
)
[typecho]右键菜单替换效果和屏蔽F12等 前言改这个的时候单纯的是想要加个屏蔽F12的功能，因为在翻东西的时候发现了一个站点有这个共呢个，但屏蔽F12是不现实的，在加载过程中点击F12就可以在未完成加载js的时候开启F12检查代码，然后刷新网页就能绕过，但想了想就当加着玩了，希望扒代码的大佬们添加个友链吧。后来同样是在某群友的博客站内发现了右键菜单的修改方法，看着挺好玩的，就也一并添加进来了。屏蔽F12和右键这个是js部分，如果你的主题带有添加自定义js代码的功能，可以直接复制过去，如果没有，请新建文本文档粘贴，然后修改后缀为js，之后在页内调用即可（比如在 <body></body> 内）。//屏蔽F12和右键 function click(e) { if (document.all) { if (event.button == 2 || event.button == 3) { alert("大佬，别扒了，不妨加个友链？"); oncontextmenu = 'return false'; } } if (document.layers) { if (e.which == 3) { oncontextmenu = 'return false'; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown = click; document.oncontextmenu = new Function("return false;") document.onkeydown = document.onkeyup = document.onkeypress = function () { if (window.event.keyCode == 123) { window.event.returnValue = false; return (false); } }添加自定义右键菜单<!-- 调用js --> <script src="/usr/themes/Joe/"></script> <!-- 自定义右键菜单美化 --> <style type="text/css"> a div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul div.usercm ul li div.usercm ul li a div.usercm ul li a:hover div.usercm ul li a i a.disabled a.disabled:hover div.usercm </style> <div class="usercm" style="left: 199px; top: 5px; display: none;"> <ul> <li><a href="https://morefox.net/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li> <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li> <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li> <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li> <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li> <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li> <li><a href="https://morefox.net/index.php/links.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li> <li><a href="https://morefox.net/index.php/messege.html"><i class="fa fa-pencil-square-o fa-fw"></i><span>给我留言吧</span></a></li> </ul> </div> <script type="text/javascript"> (function(a) { a.extend({ mouseMoveShow: function(b) { var d = 0, c = 0, h = 0, k = 0, e = 0, f = 0; a(window).mousemove(function(g) { d = a(window).width(); c = a(window).height(); h = g.clientX; k = g.clientY; e = g.pageX; f = g.pageY; h + a(b).width() >= d && (e = e - a(b).width() - 5); k + a(b).height() >= c && (f = f - a(b).height() - 5); a("html").on({ contextmenu: function(c) { 3 == c.which && a(b).css({ left: e, top: f }).show() }, click: function() { a(b).hide() } }) }) }, disabledContextMenu: function() { window.oncontextmenu = function() { return !1 } } }) })(jQuery); function getSelect() { "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢！") : document.execCommand("Copy") } function baiduSearch() { var a = window.getSelection ? window.getSelection() : document.selection.createRange().text; "" == a ? layer.msg("啊噢...你没还没选择文字呢！") : window.open("https://www.baidu.com/s?wd=" + a) } $(function() { for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) { d = !1; break } d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu()) }); </script>以上因为修改的时候和现在时间间隔一个多月了，中间忙别的去了，现在我也不太记得从哪里看的教程了，请自行搜索所需要的相关信息。感谢。 -
-
[Coil] Coil，线圈游戏，一个html5小游戏 介绍Coil是一款令人上瘾的HTML5画布游戏，在这里必须通过你的拖尾包围敌人来击败他们。在蓝色球体爆炸之前将其包围。同时包围多个球体可获得额外点数。作者主页：https://hakim.se/作者X链接：https://twitter.com/hakimel作者Github：https://github.com/hakimel截图typecho新增一页做一个typecho的样板。进入typecho根目录新建一个文件家 CoilGame 将Coil的js和css文件丢在CoilGame里可从我的备份档（修改版+汉化版）下载直接解压放在根目录。进入主题文件夹。新建一个文本文档。将文件改名为 CoilGame.php 按照格式写一个typecho样板<?php /** * CoilGame * * @package custom * **/ ?>然后复制作者页的 html 代码粘贴在下面然后修改以下引用的js文件和css目录地址。如下。<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="viewport" content="width = 450"> <title>线圈游戏</title> <link href="/CoilGame/css/reset.css" rel="stylesheet" media="screen" /> <link href="/CoilGame/css/main.css" rel="stylesheet" media="screen" /> <link href='https://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'> <!-- WebGL vertex shader (background effect) --> <script id="vertexShader" type="x-shader/x-vertex"> attribute vec2 position; varying vec2 pos; void main() { pos = position; gl_Position = vec4( position.x, position.y, 0.0, 1.0 ); } </script> <!-- WebGL fragment shader (background effect) --> <script id="fragmentShader" type="x-shader/x-fragment"> #ifdef GL_ES precision highp float; #endif varying vec2 pos; uniform vec2 mouse; uniform vec2 resolution; uniform float time; uniform sampler2D texture; uniform vec3 e0; uniform vec3 e1; uniform vec3 e2; uniform vec3 e3; uniform vec3 e4; uniform vec3 e5; uniform vec3 e6; uniform vec3 e7; uniform vec3 e8; uniform vec3 e9; float distanceTo(vec2 p1, vec2 p2) { float dx = p1.x-p2.x; float dy = p1.y-p2.y; return sqrt(dx*dx + dy*dy); } float lightEffect( vec3 e, vec2 p ) { if( e.z == 0.0 ) { return 0.0; } vec2 ep = -1.0 + 2.0 * e.xy / resolution.xy; float dist = ( 1.0 - min( distanceTo( ep, p ) * 2.0, 1.0 ) ); return dist * 0.3 * e.z; } vec2 deformEffect( vec3 e, vec2 p ) { if( e.z == 0.0 ) { return vec2(0.0, 0.0); } vec2 ep = -1.0 + 2.0 * e.xy / resolution.xy; float dist = ( 1.0 - min( distanceTo( ep, p ) * 2.0, 1.0 ) ); float a = atan(p.y-ep.y,p.x-ep.x); float r = sqrt(dot(p-ep,p-ep)); vec2 offset = vec2( dist * (p.x-ep.x) * cos(time), dist * (p.y-ep.y) * sin(time) ); return offset * e.z * 0.5; } void main(void) { vec2 p = -1.0 + 2.0 * gl_FragCoord.xy / resolution.xy; vec2 m = -1.0 + 2.0 * mouse.xy / resolution.xy; p.y = -p.y; float light = 0.0; light += lightEffect( e0, p ); light += lightEffect( e1, p ); light += lightEffect( e2, p ); light += lightEffect( e3, p ); light += lightEffect( e4, p ); light += lightEffect( e5, p ); light += lightEffect( e6, p ); light += lightEffect( e7, p ); light += lightEffect( e8, p ); light += lightEffect( e9, p ); light += ( 1.0 - ( distanceTo( m, p ) ) ) * 0.08; light = min( light, 1.0 ); vec2 uv = pos; uv += deformEffect( e0, p ); uv += deformEffect( e1, p ); uv += deformEffect( e2, p ); uv += deformEffect( e3, p ); uv += deformEffect( e4, p ); uv += deformEffect( e5, p ); uv += deformEffect( e6, p ); uv += deformEffect( e7, p ); uv += deformEffect( e8, p ); uv += deformEffect( e9, p ); vec3 col = texture2D(texture, uv).xyz * light; gl_FragColor = vec4( col, 0.8 * light ); } </script> </head> <body> <header> <h1>线圈游戏</h1> <span class="header-instruction">更多信息</span> <!-- The extra content that can be expanded --> <div class="extra"> <!-- Description of the experiment --> <section id="about"> <h3>关于</h3> <p> Coil是一款令人上瘾的HTML5画布游<br> 戏，在这里必须通过你的拖尾包围敌人<br> 来击败他们。 </p> <p class="credits"> 作者： <a href="http://hakim.se/">Hakim El Hattab</a> | <a href="https://twitter.com/hakimel">@hakimel</a> </p> </section> </div> </header> <div id="game"> <canvas id="effects"></canvas> <canvas id="world"></canvas> <p id="lag-warning">看起来游戏运行得很慢。<a href="#">关闭特效?</a></p> <div id="menu"> <h1>线圈游戏</h1> <div id="score"> <h3>你的分数:</h3> <p>123312</p> </div> <section class="welcome"> <h2>说明书</h2> <p>在蓝色球体爆炸之前将其包围。同时包围多个球体可获得额外点数。</p> <a class="button" id="start-button" href="#">开始游戏</a> </section> <!-- <section class="highscore-output"> <h2>最高分</h2> <table> </table> </section> <section class="highscore-input"> <h2>新的最高分！</h2> <input id="highscore-name-input" type="text" name="alias" placeholder="Your name" maxlength="10" /> <a class="button" id="save-button" href="#">提交</a> </section> --> </div> </div> <script src="/CoilGame/js/libs/jquery-1.6.2.min.js"></script> <script src="/CoilGame/js/header.js"></script> <script src="/CoilGame/js/util.js"></script> <script src="/CoilGame/js/coil.min.js"></script> <!-- Third party tracking and sharing code below --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-15240703-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>保存文件，然后回到typecho后台。进入独立页面，新建独立页面。起个标题，修改cid地址，选择刚刚新建的模板。点击发布。备份档学习用，地址隐藏内容，请前往内页查看详情
-
-
-
![[typecho]右键菜单替换效果和屏蔽F12等](https://tuchuang.morefox.net/images/2024/05/13/QQ20240513134942.png)
![[forkit] 翻github发现的下拉栏，看着非常有趣。](https://tuchuang.morefox.net/images/2024/04/14/QQ20240414030515.md.png)
![[Coil] Coil，线圈游戏，一个html5小游戏](https://tuchuang.morefox.net/images/2024/04/14/QQ20240414005430.png)
![[catch-the-cat] 一个网页 捉住小猫 小游戏组件](https://tuchuang.morefox.net/images/2024/04/12/QQ20240413031324.png)
![[typecho] 仿Github-热力图-贡献图-组件](https://tuchuang.morefox.net/images/2024/04/01/QQ20240402033401.png)
![[typecho] Sakana! Widget超好玩的石蒜模拟器网页小组件](https://tuchuang.morefox.net/images/2024/03/29/chisato.md.png)