博客园鼠标点击特效代码

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("?富强?","?民主?","?文明?","?和谐?","?自由?","?平等?","?公正?","?法治?","?爱国?","?敬业?","?诚信?","?友善?");
        var $i = $("<span></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": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

原文地址:https://www.cnblogs.com/caiyishuai/p/11146724.html

时间: 2024-08-27 22:52:02

博客园鼠标点击特效代码的相关文章

博客园鼠标点击彩蛋特效

博客园是一个很开放的平台,大家都可以在里面美化自己的博客,把自己的博客变得多彩. 鼠标的特效花了我很长的时间,下面我把如何做成“鼠标点击彩蛋特效”告诉大家. 1.应把鼠标点击特效的代码放在哪里 把代码放在页脚Html代码处 2.代码实现 1 <script src="https://blog-static.cnblogs.com/files/yjlblog/cursor-effects.js"></script> 2 <canvas width="

js-----博客园鼠标点击特效

把以下代码放到页首Html代码里,或者页脚Html代码(设置--->页首/脚Html代码)里.如下图: <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("?","?",&qu

实现Iapp软件截取博客园随笔内容更改事件代码

代码如下           还没有完全写完, t() { .线程一.1 hs("http://www.cnblogs.com/BlmVac/p/5551737.html",null,null,codebh) f(codebh?"博客园") { .判断是否能截取网络数据1.1 sj(codebh,"是否提示*","*",proSwit) .tw(proSwit) f(proSwit==0) { .判断proSwit.1 sj(

博客园设置类似sublime高亮代码

需要用到highlight.js,需要FQ,官网为https://highlightjs.org,首先官网的只有默认主题包,我们需要自定义主题包需要去它的github上找,地址为https://github.com/isagalaev/highlight.js,我用的主题是monokai-sublime.css 所以呢在github上把这个css文件给copy下来,然后把它的js文件也copy下来.上传文件到博客园,不要用官网的cdn,因为样式不能自定义,还要担心哪天地址不能用了 <link r

博客园安装jQuery返回顶部代码教程

博客园支持上传js文件,这给博主提供了很大的拓展空间,例如返回顶部的jQuery代码. 首先先上传返回顶部图片到博客园 topback.gif: 然后在scrolltopcontrol.js中找到topback.gif的地址,将其替换成上传至博客园中的文件地址(右键topback.gif → 复制链接地址) scrolltopcontrol.js 代码: var scrolltotop={ setting:{ startline:100, //起始行 scrollto:0, //滚动到指定位置

博客园Markdown模式的MATLAB代码高亮方案

前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ?```language code-content ?``` 一般来说,指明了 language 后,应该是可以是实现语法高亮的.其基本原理就是将代码中的 关键字 .变量 .函数 等待字符做正则化匹配,将纯文本的代码内容分块,与固定语法内容的着色方案(css样式)对应上. 然鹅!!大部分编程语言都能实现较好的高亮,而 Matlab 效果却很差,语法样式是错误的!看着很不舒服. 就像下面

博客美化--页面点击特效

下面的添加都在博客侧边栏公告添加(要有JS权限) 表情特效 <script type="text/javascript"> onload = function() { var click_cnt = 0; var $html = document.getElementsByTagName("html")[0]; var $body = document.getElementsByTagName("body")[0]; $html.on

博客园随笔中点击标签可以跳到当页指定位置的方法

我们在写随笔的时候,如果内容比较多,那么我们就希望在最前面的索引中能自带跳转本文中的具体问之的功能.下面就简单介绍下载博客园中要实现这样的功能的方法.例如文章结构可能如下,那么我们希望点击索引中的索引项时能具体调到具体内容中对应的位置. 索引 1.Struts2是什么玩意?核心?主要的功能? 2.Struts2的核心知识 内容 一  .Struts2是什么玩意?核心?主要的功能? ....... 二.Struts2的核心知识 ...... 具体方法是将你要跳转的标题插入设置书签,之后在标签中插入

博客园使用D3.js的代码框架

导入D3.js的代码应该放置在主题HTML元素内容的底部. 1 <style><!-- 2 3 --></style> 4 <div id="container"> </div> 5 <p> 6 <script type="text/javascript" src="http://files.cnblogs.com/files/alexywt/d3.js"><