• 当前位置 : 
  • ZenOven
  • /标签为 [ tab ] 的文章

  • iterm2自动恢复会话/标签设置

    2015年12月25日 作者：zenoven
    阅读：23,374 3评论

    自从换了公司并习惯在Mac上做开发之后，与命令行打交道的机会就变多了，经常用iterm2这个神器但是有一个很蛋疼的地方，就是在退出之后上一次的会话，或者是标签等都没有保存，这样就不得不再打开一个个tab，敲一遍遍路径（虽然有autojump会稍微快点）。好了，不废话，下面告诉你怎么搞。

    1、下载2.9beta及以上版

    因为这个功能在2.1.4中还没有，所以乖乖去下吧，不然打破头皮也没用。

    下载地址在这里： iTerm2 最新稳定版 更多...

  • jQuery Tab选项卡特效代码

    2011年09月23日 作者：zenoven
    阅读：17,028 5评论

    目前Tab选项卡效果已经是遍地开花了，前一段在家闲着没事也鼓捣了个，话不多说，上代码，效果可看此jQuery Tab选项卡Demo页面。

    <div class="tab">
<ul class="clearfix">
	<li class="current"><a href="#">标签1</a></li>
	<li><a href="#">标签2</a></li>
	<li><a href="#">标签3</a></li>
</ul>
<div class="current">
 <img src="images/upload/1.jpg" alt="1.jpg" /></div>
<div>
 <img src="images/upload/2.jpg" alt="2.jpg" /></div>
<div>
 <img src="images/upload/3.jpg" alt="3.jpg" /></div>
</div>

    function zvTab(){
	var timeoutid;
	$(".tab ul li").each(function(index){
		$(this).mouseover(function(){
			var t = $(this);
			timeoutid = setTimeout(function(){
				$(".tab ul li.current").removeClass("current");
				t.addClass("current");
				$(".tab div.current").removeClass("current");
				$(".tab div").eq(index).addClass("current");
			},300);
		}).mouseout(function(){
			clearTimeout(timeoutid);
		});
	});

}

    当然，这段JS代码要在JQ库被引入后且被执行才可用。

    .tab ul li {float:left;background:#CCC;margin-right:2px;border-bottom:2px solid #DDD;}
.tab ul li.current{background:#AAA;border-bottom:2px solid #AAA;}
.tab ul li a{color:#000;display:block;padding:5px 10px;}
.tab ul li.current a{color:#fff;display:block;padding:5px 10px;}
.tab div{display:none;}
.tab div.current{display:block;background:#AAA;color:#fff;padding:5px;margin-bottom:10px;}