在每篇文章的末尾加了个小狗的图片，然后为鼠标设置事件。
当鼠标触屏到小狗时，播放一段音效。
整体代码

<img onmousemove="zhwa()" src="http://omuy6viz3.bkt.clouddn.com/2017/04/2465836691.gif">
</img>
<script>
function zhwa() {
    document.getElementById("zhw").play();
}
</script>
<audio id="zhw">
    <source src="http://omuy6viz3.bkt.clouddn.com/2017/04/1925917193.mp3">
</audio>

阅读全文

js 代码

var typingbefore = document.getElementById("typetitle").innerText;//获取标题内容
document.getElementById('typetitle').innerText = "";//将标题内容赋值为空
var i = 0;
function typetitle(){
    var typingafter = document.getElementById('typetitle');//获取标题元素
    if(i <= typingbefore.length){
        typingafter.innerHTML = typingbefore.slice(0,i++)+'|';//将标题内容通过slice()方法返回
        setTimeout('typetitle()',100);//每100毫秒执行一次
    }else{
        typingafter.innerHTML = typingbefore;//当标题内容全部返回后，去掉最后的‘|’
    }
}
typetitle();

阅读全文

box-shadow 为元素块添加阴影。

阅读全文

text-shadow 为文字添加阴影。

阅读全文

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

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

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

之前一直没搞好评论的邮件通知功能,今天重新配置了下，竟然很神奇的成功了。
因为 阿里云的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 文档必须拥有根元素。

阅读全文