首页 > wordpress > jQuery 模拟iNove右侧Rss效果终结版
2009五月6

jQuery 模拟iNove右侧Rss效果终结版

呃,或许叫终结版不合适,因为这个效果仍然不是最好的。不过我依旧试着改进了一下。

我没有用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;}
<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>
    $(document).ready(function(){
        $("#show").hover(function(){
            $("#hid").show(300);
        },function(){
            $("#hid").hide(300);
        });
    });

呃。昨天开了个子域名,供代码演示用。

第一版演示地址

第二版演示地址

陶陶的,用了z-index

第三版演示地址

终结版演示地址

呃。终结版地址给错了。现在恢复了。。

所有版本下载地址想下载的点吧,无毒

搬家了,这个国内的不支持子域名,所以演示地址失效。请直接下载。

文章作者:simaopig
本文地址:http://www.xiaoxiaozi.com/2009/05/06/332/
版权所有 © 转载时必须以链接形式注明作者和原始出处!

23 Responses to “jQuery 模拟iNove右侧Rss效果终结版”

  1. #1 Sean[祭奠青春] 回复 | 引用 Post:2009-05-12 21:29

    晕 现在才看到最终版本,看了你第一版 发现问题 兴冲冲去写了个 想给你看的 突然发现你的最终版不错!呵呵~

    [回复]

  2. #2 simaopig 回复 | 引用 Post:2009-05-12 21:37

    @Sean[祭奠青春]
    呵呵,当时只是一开始胡乱写的,没想到,大家都想看效果。。
    就只能对付着再改改了。。唉,不会CSS苦恼啊。。

    [回复]

  3. #3 bolo 回复 | 引用 Post:2009-05-31 13:03

    你是用什么高亮插件的?

    [回复]

评论分页

发表评论

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)