如何使用悬停菜单 [英] how to use hover manu

问题描述

尊敬的管理员和朋友，我需要悬停菜单的代码.
我想在我的网站上使用一些有吸引力的水平菜单
像家一样，联系我们，图片，关于我们

请给我代码并说明我该如何使用.在此先感谢

dear admin and friends i need code for hover menu.
i want to use some attractive horizontal menu in my website
like home,contact,pic,about us

plz give me code and discribe how can i use.thanks alot in advance

推荐答案

您尝试搜索过吗，我敢肯定您可以使用一些示例.

DuckDuckGo:HTML悬停菜单 [ Google:HTML悬停菜单 [

Did you try searching, I am sure there are some example you can use.

DuckDuckGo: HTML hover menu[^]
Google: HTML hover menu[^]

您需要使用javascript，CSS帮助.这是链接.
http://www.dynamicdrive.com/style/csslibrary/category/C1/ [ ^ ]

http://www.javascriptkit.com/script/script2/csstopmenu.shtml [ ^ ]

http://cssmenumaker.com/horizo​​ntal_css_menu.php [

you need to take javascript,CSS help. here is link.
http://www.dynamicdrive.com/style/csslibrary/category/C1/[^]

http://www.javascriptkit.com/script/script2/csstopmenu.shtml[^]

http://cssmenumaker.com/horizontal_css_menu.php[^]

在单独的页面中尝试此操作

在您的头部添加此样式

try this in a sepearte page

add this style in your head part

<style type="text/css">
        .admin_menu
        {
            font: bold 15px Arial, Helvetica, sans-serif;
            text-align: left;
            background-color: #0089f2;
            color: #FFFFFF;
        }
        .admin_menu a
        {
            color: #000000;
            text-decoration: none;
        }
        .admin_menu a:hover
        {
            color: Red;
        }
    </style>

将此添加到身体部位

add this in body part

<table class="admin_menu" width="100%" border="0" align="center" cellpadding="0"

            cellspacing="0">
            <tr>
                <td width="2%" height="36" align="center" valign="middle">
                    &nbsp;
                </td>
                <td width="7%" align="center" valign="middle" id="branch">
                    <a href="#">Home</a>
                </td>
                <td width="8%" align="center" valign="middle" id="employees">
                    <a href="#">About us</a>
                </td>
                <td width="11%" align="center" valign="middle" id="factories">
                    <a href="#">Photo gallery</a>
                </td>
                <td width="7%" align="center" valign="middle" id="customers">
                    <a href="#">Videos</a>
                </td>
                <td width="5%" align="center" valign="middle" id="users">
                    <a href="#">Blogs</a>
                </td>
                <td width="7%" align="center" valign="middle" id="vehicles">
                    <a href="#">Forums</a>
                </td>
                <td width="11%" align="left" valign="middle" id="sales">
                    <a href="#">Contact us</a>
                </td>
                <td width="7%" align="center" valign="middle" id="products">
                </td>
                <td width="19%" align="left" valign="middle">
                    &nbsp;
                </td>
            </tr>
        </table>

这篇关于如何使用悬停菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！