[代码]本站美化代码共享

<script type="text/javascript">
try {
    if (window.console && window.console.log) {
        console.log("欢迎访问祭夜的博客！");
        console.log("这个一个穷逼的网站！");
        console.log("这里分享很多东西，当然也有胡言乱语。。。。");
        console.log("%c联系祭夜请到留言板：https://www.jysafe.cn/message-board.html", "color:red");
        console.log("%c当然也有QQ：1690127128 Email：me@jysafe.cn 支付宝：1690152279@qq.com（欢迎各种赞助）", "color:red")
    }
} catch (e) {}

/*-------------------------------------------------*/     
/*  为文章标题链接添加平滑右移效果begin
/*-------------------------------------------------*/    
jQuery(document).ready(function($){   
$('.excerpt h2').hover(function() {   
/*.excerpt h2 改成你标题的样式名称,可以应用多个链接,用逗号隔开   */
$(this).stop().animate({'marginLeft': '10px'}, 200);   
/*鼠标移动到链接上的平滑效果,200是毫秒    */
}, function() {   
$(this).stop().animate({'marginLeft': '0px'}, 200);   
/*鼠标离开链接后的平滑效果    */
});   
});   
/*-------------------------------------------------*/     
/*  为文章标题链接添加动态加载效果
/*-------------------------------------------------*/    
$(document).ready(function(){   
$('.excerpt h2').click(function(){   
/*同上，注意修改.excerpt h2为你自己的样式   */
$(this).text('正在给力加载中...');   
/*加载中文本提示，可修改为你喜欢的，如Loading...   */
window.location = $(this).attr('href');   
});   
});
/*-------------------------------------------------*/     
/*  为文章标题链接添加平滑右移效果end
/*-------------------------------------------------*/   
/*-----------------------------------------追梦骚年娘化标题begin-----------------------------------------------------*/
var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
        document.title = '呀，崩溃了 (´O｀)'  + OriginTitile;
        clearTimeout(titleTime);
    }
    else {
        document.title = '呀，又好了 ｡◕‿◕｡  ' + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile;
        }, 2000);
    }
});
/*-----------------------------------------追梦骚年娘化标题end-----------------------------------------------------*/
</script>
<!--蒲公英-->
<div class="dandelion"> <span class="smalldan"></span> <span class="bigdan"></span> </div> <style type="text/css"> @media screen and (max-width:600px){ .dandelion{display: none !important;} } .dandelion .smalldan { width: 36px; height: 60px; left: 21px; background-position: 0 -90px; border: 0px solid red; } .dandelion span { -webkit-animation: ball-x 3s linear 2s infinite; -moz-animation: ball-x 3s linear 2s infinite; animation: ball-x 3s linear 2s infinite; -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; transform-origin: bottom center; } .dandelion span { display: block; position: fixed; z-index:9999999999; bottom: 0px; background-image: url(/assets/images/pgy/pgy.png); background-repeat: no-repeat; _background: none; } .dandelion .bigdan { width: 64px; height: 115px; left: 47px; background-position: -86px -36px; border: 0px solid red; } @keyframes ball-x { 0% { transform:rotate(0deg);} 20% { transform:rotate(5deg); } 40% { transform:rotate(0deg);} 60% { transform:rotate(-5deg);} 80% { transform:rotate(0deg);} 100% { transform:rotate(0deg);} } @-webkit-keyframes ball-x { 0% { -webkit-transform:rotate(0deg);} 20% { -webkit-transform:rotate(5deg); } 40% { -webkit-transform:rotate(0deg);} 60% { -webkit-transform:rotate(-5deg);} 80% { -webkit-transform:rotate(0deg);} 100% { -webkit-transform:rotate(0deg);} } @-moz-keyframes ball-x { 0% { -moz-transform:rotate(0deg);} 20% { -moz-transform:rotate(5deg); } 40% { -moz-transform:rotate(0deg);} 60% { -moz-transform:rotate(-5deg);} 80% { -moz-transform:rotate(0deg);} 100% { -moz-transform:rotate(0deg);} } </style>
<!--.end蒲公英-->

喜欢 (2)赏

[1690127128@qq.com]

分享 (0)