zoukankan      html  css  js  c++  java
  • 博客园个人主页设置鼠标效果

    在页面定制CSS代码中添加:

    body {
        color: #000;
        background: url(https://www.cnblogs.com/images/cnblogs_com/ninedream/1503295/o_%e6%b3%aa%e6%b0%b4.jpg) fixed;
        background-size: cover;
        background-repeat: repeat;
        font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
        font-size: 14px;
        min-height: 101%;
    }
    #blogTitle h1 {
        font-size: 50px;
        font-family: Consolas;
        font-weight: bold;
        font-style: italic;
        margin-top: 20px;
    }
    .catListTitle {
        margin-top: 21px;
        margin-bottom: 10.5px;
        text-align: left;
        border-left: 10px solid rgba(82, 168, 236, 0.8);
        padding: 5px 0 5px 10px;
        background-color: rgba(245,245,245,0.3);
    }
    #home {
        margin: 0 auto;
         65%;
        min- 950px;
        background-color: rgba(255,255,255,0.8);
        padding: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
    .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
        background: none;
        margin-bottom: 35px;
        word-wrap: break-word;
    }
    #blog-calendar td {
        font-size: 12px;
        font-family: Consolas;
    }
    .input_my_zzk {
        border: 1px solid #ccc;
        background: none;
         100%;
        height: 25px;
        padding-right: 30px;
        padding-left: 5px;
        outline: 0;
    }
    .CalDayHeader {
        background: rgba(245,245,245,0.3) !important;
        font-weight: 100;
        color: #5E5F63;
    }
    .CalTitle {
        background: none;
         100%;
        height: 25px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0;
        color: #FFF;
    }
    .CalTitle td {
        background: rgba(245,245,245,0.3) !important;
        border: 0px !important;
        color: #5E5F63;
        font-family: "Comic Sans MS";
    }
    a:link {
        color: cornflowerblue;
    }
    a:visited {
        color: cornflowerblue;
    }
    a:hover {
        color:cadetblue;
    }
    a:active {
        color:black;
    }
    .CalTodayDay {
        background: rgba(247,247,247,0.3) !important;
        color: #FFF;
        font-weight: bold;
    }
    .cnblogs_code {
        background-color: rgba(247,247,247,0.3);
        font-family: Consolas !important;
        font-size: 12px!important;
        border: 1px solid #ccc;
        padding: 5px 10px;
        overflow: auto;
        margin: 5px 0;
        color: #000;
    }
    .cnblogs_code div {
        background-color: rgba(247,247,247,0.3);
    }
    .cnblogs_code_collapse {
        border-right: gray 1px solid;
        border-top: gray 1px solid;
        border-left: gray 1px solid;
        border-bottom: gray 1px solid;
        background-color: rgba(247,247,247,0.3);
        padding: 2px;
    }
    blockquote {
        background: rgba(247,247,247,0.3);
        border: 2px solid #efefef;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    div.commentform input.author, div.commentform input.email, div.commentform input.url {
        background-image: url(http://static.cnblogs.com/images/icon_form.gif);
        border: 1px solid white !important;
        padding: 4px 4px 4px 30px;
         300px;
        font-size: 13px;
        background-color: rgba(247,247,247,0.3);
    }
    #comment_form_container .comment_textarea {
         362px;
        height: 200px;
        font-size: 13px;
        padding: 8px;
        margin-bottom: 10px;
        color: #555;
        border: 1px solid white;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: rgba(247,247,247,0.3);
    }
    .cnblogs_code pre {
    font-family: Consolas !important;
    font-size: 12px!important;
    word-wrap: break-word;
    white-space: pre-wrap;
    }
    .cnblogs_code span {
    font-family: Consolas !important;
    font-size: 12px!important;
    line-height: 1.5!important;
    }
    div#cnblogs_c2 {
    display: none;
    }
    div#cnblogs_c1 {
    display: none;
    }
    div#under_post_news {
    display: none;
    }
    div#ad_t2 {
    display: none;
    }
    div#under_post_kb {
    display: none;
    }
    .feedbackItem {
        margin: 10px 5px 0px;
        padding: 5px;
        box-shadow: 0 0 10px 0 #AAA;
    }
    #topics .postTitle {
        font-size:230%;
    }
    .postTitle a:link, .postTitle a:visited, .postTitle a:active {
        color: #21759b;
        transition: all 0.4s cubic-bezier(0, 0, 0.12, 1) 0s;
    }
    #cnblogs_post_body h2 {
        border-left: 10px solid rgba(82, 168, 236, 0.3);
        background: rgba(247,247,247, 0.3);
        padding: 3px 10px;
    }
    #cnblogs_post_body h3{
        border-left: 5px solid rgba(0, 235, 255, 0.3);
        padding: 2px 5px;
        background: rgba(247,247,247,0.3);
    }
    #cnblogs_post_body h4{
        border-left: 5px solid rgba(222, 101, 114,0.3);
        padding-left: 5px;
        background: rgba(247,247,247,0.3);
    }
    #cnblogs_post_body h1{
        background: rgba(247,247,247,0.3);
        border-left: 15px solid rgba(0, 122, 255, 0.3);
        padding: 3px 10px;
        font-size: 175%;
        border-right: 15px solid rgba(0, 122, 255, 0.3);
    }
    .buryit {
        display: none;
    }
    #div_digg {
        float: right;
        position: fixed;
         auto;
        bottom: 10px;
        left: 70%;
        margin-bottom: 10px;
        background: rgba(247,247,247,0.3);
        margin-right: 30px;
        font-size: 12px;
        box-shadow: 0 0 10px 0 #AAA;
        padding: 10px;
        border: 2px solid rgba(82, 168, 236, 0.8);
        text-align: center;
        margin-top: 10px;
    }
    textarea {
        background: rgba(247,247,247,0.3);
    }
    body{cursor:url('http://fq.wc.lt//up/1499563659.cur'),auto;}
    A{cursor:url('http://fq.wc.lt//up/1499563659.cur'),auto;}
    
    #navigatorTitleDiv
    {
        padding: 3px;
        position: fixed;
        top:244px; 
        right:304px;
        font-weight:bold;
        cursor:pointer;
        background-color: antiquewhite;
    }
    
    #navigatorDiv 
    {
        border-style:double;
        padding: 10px;
        padding-top:30px;
        position: fixed;
        top:240px; 
        right:300px;
        background-color: antiquewhite;
    }
    
    /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
    .pln{color:#4d4d4c}ol.linenums{margin-top:0;margin-bottom:0;color:#8e908c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal!important;}@media screen{.str{color:#718c00}.kwd{color:#8959a8}.com{color:#8e908c}.typ{color:#4271ae}.lit{color:#f5871f}.pun{color:#4d4d4c}.opn{color:#4d4d4c}.clo{color:#4d4d4c}.tag{color:#c82829}.atn{color:#f5871f}.atv{color:#3e999f}.dec{color:#f5871f}.var{color:#c82829}.fun{color:#4271ae}}
    
    /*下面是我设置背景色,字体大小和字体*/
    .cnblogs-markdown code{
    background:#fff!important;
    }
    .cnblogs_code,.cnblogs_code span,.cnblogs-markdown .hljs{
        font-size:16px!important;
    }
    
    .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
        font-size: 16px!important;
    }
    
    .cnblogs_code, .cnblogs_code span, .cnblogs-markdown .hljs{
    font-family:consolas, "Source Code Pro", monaco, monospace !important;
    }

    在页首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>

    大功告成!

    作者:玖梦
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文链接,否则保留追究法律责任的权利。
  • 相关阅读:
    Android开发 使用 adb logcat 显示 Android 日志
    【嵌入式开发】向开发板中烧写Linux系统-型号S3C6410
    C语言 结构体相关 函数 指针 数组
    C语言 命令行参数 函数指针 gdb调试
    C语言 指针数组 多维数组
    Ubuntu 基础操作 基础命令 热键 man手册使用 关机 重启等命令使用
    C语言 内存分配 地址 指针 数组 参数 实例解析
    CRT 环境变量注意事项
    hadoop 输出文件 key val 分隔符
    com.mysql.jdbc.exceptions.MySQLNonTransientConnectionException: Too many connections
  • 原文地址:https://www.cnblogs.com/ninedream/p/11185785.html
Copyright © 2011-2022 走看看