jQuery 模拟iNove右侧Rss效果终结版
时间：2009年05月06日作者：simaopig评论次数：23
呃，或许叫终结版不合适，因为这个效果仍然不是最好的。不过我依旧试着改进了一下。
我没有用Await提供的z-index方法，因为我的CSS还是不好。
貌似我真的应该下决心来简单的学一下CSS了，这其实是我的计划之一，我会努力的，加油。
嗯，说一下吧，其实这次我走了一个偏门，总体来说，很傻，呵呵。
我把a标签和我要显示/隐藏的DIV都放在另一个DIV里面了，而hover效果是放在最外层的DIV上面了，
啥也不说了，看代码先
#hid{display:none;padding-top:20px;width:200px;border:1px solid;margin-top:20px;}
#show{border:1px solid red;width:200px;}
#show{border:1px solid red;width:200px;}
<div id="show">
<a href="#" id="a_hov">hover me </a>
<div id="hid">
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
</div>
</div>
<a href="#" id="a_hov">hover me </a>
<div id="hid">
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
</div>
</div>
$(document).ready(function(){
$("#show").hover(function(){
$("#hid").show(300);
},function(){
$("#hid").hide(300);
});
});
$("#show").hover(function(){
$("#hid").show(300);
},function(){
$("#hid").hide(300);
});
});
呃。昨天开了个子域名，供代码演示用。
第一版演示地址
第二版演示地址
给陶陶的，用了z-index
第三版演示地址
终结版演示地址
呃。终结版地址给错了。现在恢复了。。
所有版本下载地址想下载的点吧，无毒
搬家了，这个国内的不支持子域名，所以演示地址失效。请直接下载。
声明: 本文采用 BY-NC-SA 协议进行授权 | 小小子
转载请注明转自《jQuery 模拟iNove右侧Rss效果终结版》
发表评论
坐个大沙发支持~嘿嘿
[回复]
技术文章，不懂还是要顶一个
[回复]
经过调试，效果已经完美了。没发现任何BUG~~
原来我说那个问题就是要靠“把a标签和我要显示/隐藏的DIV都放在另一个DIV里面了，而hover效果是放在最外层的DIV上面了”这个解决的。
谢谢 simaopig 哈。顺便添加链接~~嘿嘿
[回复]
哇，专门为我做了一个，马上试试先～～～
[回复]
用不来。。。我是代码白痴
[回复]
@Jutoy
呵，其实那个是有一定BUG的。不过应该不算影响使用。
PS：我这就去做链接哈。
[回复]
@陶陶
呵呵。这个就是上次你问我的时候我做的。。
[回复]
@1t1g
呵，就是需要你这种捧人场的。哈。
[回复]
效果不错，我以后想给导航菜单做这种效果。
[回复]
@LAONB
见笑，见笑。。只是随便弄弄，不过我要学习CSS。嗯。。
[回复]
BUG就不敢说没有，可能和其他JS或者整入主题才知道。
好像伸展速度好慢
[回复]
@wulinfo
呃。速度快慢是可以控制的。嗯。。
[回复]
不行哈，显示太慢，不像INOVE的那样酷。
[回复]
@SMILE
呵，说了只是模拟。而且，快慢是可以控制的。一个参数而已。。
有兴趣你就研究下代码吧。呵，反正很简单的。
[回复]
不错的一个效果，怎么这个不提供下载呢
[回复]
拜大师来了。。。我也要这样的效果！！
[回复]
@木鱼猫
我晕。啥大师啊。胡乱写的。感兴趣的话自己去看代码吧。呵。
[回复]
@逸冰
呃。我已经发给你了。呵。我这就去整理一下，可以供大家下载。。呜。
[回复]
嘿嘿，你看看我那边用的就是小小子写的这个，比iNove的有过之而无不及~
只是调了个显示速度而已。
[回复]
@Jutoy
呵呵。谢谢捧场哈。。
[回复]