zoukankan      html  css  js  c++  java
  • 博客园美化鼠标点击效果【富强民主文明和谐……】

    博客园鼠标点击效果

    富强民主文明和谐……等字体出现,上升,最后消失

    演示

    点击本博客园任何页面的中间部分即可出现效果

    代码如下

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

    使用方法

    复制上面的代码,登录博客园,进入后台,点击设置,找到到页脚HTML代码,最后将代码粘贴到页脚HTML代码并保存即可

    微信公众号

    扫描下方二维码关注个人微信公众号,获取更多学习资料,公众号有我的联系方式~

  • 相关阅读:
    SELinux
    Horovod
    kubeflow
    k8s Custom Resource
    k8s Service
    k8s Deployment
    k8s ReplicaSet
    BytePS源码解析
    突破传统 OJ 瓶颈,“判题姬”接入云函数
    前端如何真正晋级成全栈:腾讯 Serverless 前端落地与实践
  • 原文地址:https://www.cnblogs.com/xuezhang/p/14356553.html
Copyright © 2011-2022 走看看