都是风景,幸会。

function tabSlide(obj, objHd, objBd, count, trigger, time){
// obj: Tab 切换最外层
// objHd: Tab 选项卡
// objBd: Tab 内容区
// count: Tab 切换有几个选项卡
// trigger: Tab 切换方式(点击/悬浮)
// time: Tab 自动切换时间
// now: Tab 当前展示区块的索引值,默认第一个开始
    var _this = this;
        _this.obj = obj || ".tabSlide";
        _this.objHd = objHd || ".hd li";
        _this.objBd = objBd || ".bd";
        _this.count = count || 2;
        _this.trigger = trigger || "mouseover";
        _this.time = time || null;
        _this.now = 0;
    var t;
    this.slide = function() {
        $(_this.obj + " " + _this.objHd).bind(_this.trigger, function(event) {
            $(event.target).addClass("on").siblings().removeClass("on");
            var index = $(_this.obj + " " + _this.objHd).index(this);
            $(_this.obj + " " + _this.objBd).eq(index).show().siblings().hide();
            _this.now = index;
            console.log(_this.now);
        })
    }
    this.addhover = function() {
        $(_this.obj).hover(function(){
            clearInterval(t);
        },function(){
            t = setInterval(_this.autoplay, _this.time);
        });
    }
    this.autoplay = function() {
        _this.now = _this.now >= (_this.count-1) ? 0 : ++_this.now;
        $(_this.obj + " " + _this.objHd).eq(_this.now).trigger(_this.trigger);
    }
    this.init = function() {
        this.slide();
        if (_this.time) {
            this.addhover();
            t = setInterval(this.autoplay, _this.time);
        }
    }
    this.init();
}
new tabSlide(".tab",".hd li",".bd .tabBox",2,"click",2000);

@media screen\9{...} // 只对IE6/7生效
@media \0screen{...} // 只对IE8有效
@media \0screen\,screen\9{...} // 只对IE6/7/8有效
@media screen\0{body{...} // 只对IE8/9/10有效
@media screen and(min-width:0\0){...} // 只对IE9/10有效
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){...} // 只对IE10有效

<div class="time">
    <span class="day"></span>
    <i>天</i>
    <span class="hour"></span>
    <i>时</i>
    <span class="minute"></span>
    <i>分</i>
    <span class="second"></span>
    <i>秒</i>
</div>
••••••

什么是置换元素?

一个内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。

••••••

这两天在鼓捣 webfont,那是一个折腾啊,终于算是把 webfont 搞明白了;

在线字体格式转换工具介绍

TrueType (.ttf)

Windows 和 Mac 系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

••••••

重启命令:

  1. reboot
  2. shutdown -r now 立刻重启(root用户使用)
  3. shutdown -r 10 过10分钟自动重启(root用户使用)
  4. shutdown -r 20:35 在时间为20:35时候重启(root用户使用)

关机命令:

  1. halt 立刻关机
  2. poweroff 立刻关机
  3. shutdown -h now 立刻关机(root用户使用)
  4. shutdown -h 10 10分钟后自动关机

把以下配置放到 server {} 块

location ~ ^/favicon.ico$
{
    root /var/www/nginx-default;
}