zoukankan      html  css  js  c++  java
  • 超级精简的鼠标触发式下拉菜单

    <%@ 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; 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; 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; 95px; line-height:20px; cursor: pointer; margin-right:150px; top:227px; /*top:178px;*/ left:780px;}
        #neck .right .search-div{ padding-right:20px;}
                #shequ{ 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>

  • 相关阅读:
    mysql 三星索引设置
    mysql 索引长度解释及不使用索引的一种特殊情况
    null作为方法的参数,并在方法里面赋值后的结果是什么?
    线程、调度线程池、异常
    系统服务化,需要考虑的问题
    05-Python之高级语法
    01-python基本语法元素
    04-Python之文件、异常和模块
    03-Python之类
    02-Python之函数
  • 原文地址:https://www.cnblogs.com/ahjesus/p/1998652.html
Copyright © 2011-2022 走看看