简单实用的Canvas进度环返回按钮

具体效果当页面向下滑动15%的时候回在页面的右下角出现这个按钮，并且具有Canvas绘制进度环的效果。大致原理就是根据滚动距离和文档高度排定滚动百分比然后绘制画布，百分比数字是用data储存并使用css的 content属性实现。Canvas进度环返回按钮实现方法：确保引入了jquery,下面的代码加入到你的js文件中：var bigfa_scroll = { drawCircle: function(id, percentage, color) { var width = jQuery(id).width(); v...

阅读全文>>

HTML5 Web Audio API给网页JS交互增加声音之无音源钢琴音效导航

一、庞然的HTML5 Web Audio API首先务必要弄清这一点，本文这里所说的HTML5 Web Audio API和HTML5 <audio>元素完全不是一个东西，其体量也完全不是一个等级的，HTML5 Web Audio API接口的丰富程度和体量可以和HTML canvas API相提并论，其能实现的功能也非常令人瞠目。 HTML5 Web Audio API可以让我们无中生有创造声音，而且是各种音调的声音，换句话说，我们通过JavaScript就会创建一个完整的音乐出来，类似卡农将有固定的音乐，或是通过一些随机算法创建随机的音乐都都可以...

阅读全文>>

文章复制时自动添加版权内容且弹出警告框

首先来说一说 sweetalert 这个项目SweetAlert是一款一个非常强大又漂亮神奇的javascript弹出消息警告框插件。可替换所有alert弹框。使用方法要使用该插件，首先要在你想引用的文件中引入以下文件（github下可以下载，并且有多个css样式可以自行切换，上传注意是模版文件夹下路径）：<script src="<?php echo TEMPLATE_URL; ?>js/sweetalert.min.js"></script><link rel="stylesheet" href="<?php echo TE...

阅读全文>>

给博客编辑器（ckeditor）添加WoW表情

我的博客编辑器n年前就换成了ckeditor，并且跟随ckeditor更新而更新（做了相应的适配）.所以就在ckeditor里修改修改 config.js，添加//自定义表情的放置目录config.smiley_path= "ckeditor/plugins/smiley/alu/";//设置对话框一行显示几个表情config.smiley_columns = 11;//设置对话框表情 每一个表情的名字config.smiley_images = ['1.png','2.png','3.png','4.png','5.png','6.png', ...

阅读全文>>

用审查元素每天领150个滴滴币

步骤如下： 1.打开：https://static.udache.com/activity/2017-point-game/index.html 2.网页右键审查元素，点击“console”粘贴下方代码回车，然后点开始游戏即可 代码如下： var autoTouch = setInterval(function(){$('.play-ctrl').trigger("touchend");},90);autoTouch;

阅读全文>>

网站外链跳转页面代码的一些改善

一、安全加固首先，加入了在鱼叔博客看到了的防止恶意请求的简单防护代码：//防止 WordPress 遭受恶意 URL 请求。if(strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") || strpos($_SERVER['REQUEST_URI'], "base64")) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long");...

阅读全文>>