<%@ Page Language="C#" AutoEventWireup="true" CodeFile="001.aspx.cs" Inherits="test_001" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <%--    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>--%>

    <script src="../jquery-1.2.6-vsdoc-cn.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#rss").hover(function() {
                if (!$(this).children("#rss ul").is(":animated")) {
                    $(this).children("#rss ul").slideDown("800");
                }
            }, function() {
                $(this).children("#ulitem").slideUp("400");
            });
        });
    </script>

    <style type="text/css">
        #rss{ position: relative; z-index: 10; margin: 0 auto; padding: 0; width: 110px; height: 20px;}
        #rss ul{ position: absolute; z-index: 9999; margin:20px 0 0 0; padding:0; top: 0; right: 0; text-align: center; background: #fff; width: 90px; padding: 15px; border: 1px solid #ccc;}
            #rss ul li{ list-style: none; border-bottom: 1px solid #f2f2f2; padding: 3px 0 3px 20px;}
                #rss ul li.zhuti{ background:url(http://www.cnblogs.com/z/folder_mytopic.gif) no-repeat 1px 2px;}
                #rss ul li.tiezi{ background:url(http://www.cnblogs.com/z/folder.gif) no-repeat 1px 2px;}
                #rss ul li.jinghua{ background:url(http://www.cnblogs.com/z/digest.gif) no-repeat 1px 2px;}
                #rss ul li.shoucang{ background:url(http://www.cnblogs.com/z/favorite.gif) no-repeat 1px 2px;}
                #rss ul li.zhongxin{ background:url(http://www.cnblogs.com/z/moderate.gif) no-repeat 1px 4px;}
                #rss ul li.xiaoxi{ background:url(http://www.cnblogs.com/z/postpm.gif) no-repeat 1px 5px;}
        #shequgongneng{ position:absolute; z-index:999; display:inline; padding-left:5px; width:95px; line-height:20px; cursor: pointer; margin-right:150px; top:227px; /*top:178px;*/ left:780px;}
    #neck .right .search-div{ padding-right:20px;}
            #shequ{ width:100px; background: url(http://www.cnblogs.com/z/pt_icn.png) no-repeat 0 2px;}
            #shequ{ *background: url(http://www.cnblogs.com/z/pt_icn.png) no-repeat 0 0;}
                   
    </style>
</head>
<body>
    <div id="shequgongneng" class="shequgongneng">
       
        <div id="rss">
            <span id="shequ" class="gongneng">社区功能 </span>
            <ul id="ulitem">
                <li class="zhuti"><a href="http://my.nahuo.com/GoToMyTopicPost.aspx" target="_blank"
                    title="我的主题">我的主题</a></li>
                <li class="tiezi"><a href="http://my.nahuo.com/GoToMyPost.aspx" target="_blank"
                    title="我的回复">我的回复</a></li>
                <li class="jinghua"><a href="search.aspx?posterid={userid}&amp;type=digest" target="_blank"
                    title="我的精华">我的精华</a></li>
                <li class="shoucang"><a href="http://my.nahuo.com/Favorite/"
                    target="_blank" title="我的收藏">我的收藏</a></li>
                <li class="zhongxin"><a href="http://my.nahuo.com" target="_blank" title="我的衣酷">
                    我的衣酷</a></li>
                <li class="xiaoxi"><a href="http://my.nahuo.com/Message/Write.aspx" target="_blank"
                    title="撰写短消息">撰写短消息</a></li>              
            </ul>
        </div>
    </div>
</body>
</html>

posted on 2010-07-31 15:42  深海大虾  阅读(583)  评论(0编辑  收藏  举报