• 欢迎访问祭夜Bug,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏本站吧
  • 有页面排版问题,请到留言板反馈,谢谢!

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

其他 祭夜ゐ 2年前 (2017-02-03) 787次浏览 已收录 0个评论 扫描二维码
<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蒲公英-->


祭夜blog , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:[代码]本站美化代码共享
喜欢 (2)
[1690127128@qq.com]
分享 (0)