jQuery 鼠标移动上去 出来 悬浮在窗口右侧那种 一移动上去就出来 ，如下图 急急急

先感谢以下楼上那个大神提供的CSS效果，我第一次用，感觉很不错

但是，看了一下，那个渐变效果毕竟是CSS3的属性，对于较老的浏览器就会失灵，还是用js实现可能更保险些。

CSS文件：

#block{ width:200px; height:300px; overflow:hidden;}

.tab{
	color:#FFF;
	line-height:60px;
	width:100px; height:60px; 
	background:#000; 
	margin:10px; 
	padding-left:5px;
	float:right;
	position:relative;
	left:25px;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
	transition:all 0.2s ease-in-out 0;
}

.tab:hover{ width:170px; background:#06F;}

Html文件：

tab1