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

把以下代码放到页首Html代码里,或者页脚Html代码(设置--->页首/脚Html代码)里。如下图:

<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/wkfvawl/p/9414180.html

原文地址:https://www.cnblogs.com/xiaodai0/p/10448573.html

时间: 2024-08-30 03:46:41

js-----博客园鼠标点击特效的相关文章

博客园鼠标点击特效代码

<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("?富强?","?民主?","?文明?","?和谐?","?自由?",&

博客园鼠标点击彩蛋特效

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

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

下面的添加都在博客侧边栏公告添加(要有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的核心知识 ...... 具体方法是将你要跳转的标题插入设置书签,之后在标签中插入

博客园鼠标滑动线条吸附效果

<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,"opaci

博客园鼠标效果:24字社会主义核心价值观

<script type="text/javascript"> $(document).ready(function(){ var a_index = 0; var c_index = 0; $("body").click(function(e){ var a = new Array("富强", "民主", "文明", "和谐", "自由", "

sublime text2自动提交博客到博客园

进入博客园,点击右上角设置 点击博客设置 在页面最下方找到你的网址 打开sublime text2,按下面步骤操作 打开之后,把你的压缩包复制进去 之后在打开箭头指向的文件 修改225行的内容,你的网址,用户名,密码 修改225行的内容,同上(你的网址,用户名,密码) 配置完成,开始写你的博客,写好之后,mac下按 fn+shift+f6之后会在头部插入以下内容(title中得内容是我自己添加的标题) 一切就绪之后,mac下按fn+command+f6自动提交到博客园 sublime text2

博客园添加鼠标点击特效:字符表情包

在博客园的设置中可以看到「页首Html代码」这一项. 首先要申请 JS 权限,理由就是想要美化博客.设置鼠标点击特效等,自己补充. 「页首Html代码」处代码如下: <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array(&qu

博客园添加鼠标点击特效

原文:http://www.cnblogs.com/xiaokang01/p/9911501.html 废话少说先看效果: 复制下面代码,点击博客园 管理-->设置 然后 在保存就好了 代码如下 <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var