CSS - 小色块儿

欢迎 来到 小尾巴 的空间
css 代码

color: #fff;
padding: 2px 4px;
font-size: 12px;
border-radius: 3px;
background-color: #1abc9c;

CSS - a

a {
  position: relative;
  white-space: normal;
  border-bottom: .0625rem dashed #1abc9c;
  text-decoration: none;
  color: #1abc9c;
}
a:after {
  position: absolute;
  bottom: -.0625rem;
  left: 100%;
  width: 0;
  border-bottom: .0625rem solid #1abc9c;
  content: "";
  transition: width .35s,left .35s
}
a:hover:after {
  left: 0;
  width: 100%;
  transition: width .35s
}

参考自 Hran

Typecho 评论的邮件通知插件

之前一直没搞好评论的邮件通知功能,今天重新配置了下,竟然很神奇的成功了。
因为 阿里云的25端口被禁 等原因,导致配置了 好多次 都没能实现功能。
今天无意中翻阅到了 Typecho 之家 的一篇关于此的文章,便重新配置了一遍,然后就成功了。
本站的 腾讯企业邮箱 配置如下

发信方式:stmp
STMP地址:smtp.exmail.qq.com
STMP端口:465
SMTP用户:腾讯企业邮箱账户(youname@domain.com)
SMTP密码:腾讯企业邮箱密码
SMTP验证:√ 服务器需要验证    √ ssl加密
...

插件 下载

前端面试题

HTML面试题

1.XHTML和HTML有什么区别

  • HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言
    最主要的不同:

  • XHTML 元素必须被正确地嵌套。

  • XHTML 元素必须被关闭。

  • 标签名必须用小写字母。

  • XHTML 文档必须拥有根元素。


  翻  牌  子

调用网易云音乐

本站代码

<iframe frameborder="no" 
  border="0" 
  marginwidth="0" 
  marginheight="0" 
  width=100% 
  height=520 
  src="//music.163.com/outchain/player?type=0&id=436473389&auto=1&height=430">
</iframe>

  翻  牌  子

jQuery - 响应式回顶部按钮

js 代码

$(document).ready(function($){
    // browser window scroll (in pixels) after which the "back to top" link is shown
    var offset = 300,
        //browser window scroll (in pixels) after which the "back to top" link opacity is reduced
        offset_opacity = 800,
        //duration of the top scrolling animation (in ms)
        scroll_top_duration = 700,
        //grab the "back to top" link
        $back_to_top = $('.cd-top');
    //hide or show the "back to top" link
    $(window).scroll(function(){
        ( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out');
        if( $(this).scrollTop() > offset_opacity ) { 
            $back_to_top.addClass('cd-fade-out');
        }
    });
    //www.sucaijiayuan.com
    //smooth scroll to top
    $back_to_top.on('click', function(event){
        event.preventDefault();
        $('body,html').animate({
            scrollTop: 0 ,
            }, scroll_top_duration
        );
    });
});

  翻  牌  子