• 博客园点击页面,显示句子


    将代码复制到“设置”的 HTML首页代码 即可

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
     <script>
         /* 鼠标点击特效 */
         $(document ).ready(function () {
             var a_idx = 0;
             var c_id = 0;
             $("body").click(function(e) {
                 var a = new Array("以梦为马", "面朝大海,春暖花开", "明媚鲜妍能几时,一朝飘泊难寻觅", "有风吹过", "一树芳华", "缺月挂疏桐", "一叶之灵,窥尽全秋", "岁月静好,夜色温柔", "在世如莲,净心素雅", "不污不垢,淡看浮华", "本欲起身离红尘,奈何影子落人间", "静水流深,沧笙踏歌", "三生阴晴圆缺,一朝悲欢离合");
                 var color_list = new Array("#F08080", "#FFB6C1", "#DB7093", "#FF7F50", "#FFDAB9", "#DDA0DD", "#7B68EE", "#98FB98", "#66CDAA", "#AFEEEE", "#B0C4DE", "#87CEFA");
                 var $i = $("<span/>").text(a[a_idx]);
                 a_idx = (a_idx + 1) % a.length;
                 c_id = (c_id + 1) % color_list.length;
                 var x = e.pageX,
                     y = e.pageY;
                 $i.css({
                     "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                     "top": y - 20,
                     "left": x,
                     "position": "absolute",
                     "font-weight": "bold",
                     "color": color_list[c_id]
                 });
                 $("body").append($i);
                 $i.animate({
                         "top": y - 180,
                         "opacity": 0
                     },
                     2000,
                     function() {
                         $i.remove();
                     });
             });
         });
    
         //设置cookie
         function setCookie(name,value){
             var exp = new Date();
             exp.setTime(exp.getTime() + 1*60*60*1000);//有效期1小时
             document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
         }
         //取cookies函数
         function getCookie(name){
             var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
             if(arr != null) return unescape(arr[2]); return null;
         }
     </script>
  • 相关阅读:
    Curl Get请求&漏参数
    【Java基础】日期操作(返回当前日期&日期比较)
    【Java基础】生产者消费者模式
    [Groovy] 在Groovy中优雅的实现do while
    【转载】时间复杂度的度量
    [转载]Spring Cloud初探
    [Maven] 使用Maven管理多模块项目
    JS基础三
    JS基础部分(二)
    笔记不详细记录了,学完css之后做出下面分布的导航页
  • 原文地址:https://www.cnblogs.com/vilucky/p/12547382.html
Copyright © 2020-2023  润新知