鼠标悬停时,asp菜单突出显示

时间:2012-11-05 18:42:20

标签: asp.net html menu

我目前的菜单中有以下代码

<td><a href="Products.asp?isnew=true"><img height="21" border="0" src="images/productmenu/new_items<%if request.querystring("isnew")="" then%><%else%>_bold<%end if%>.png" width="120"></a></td>
    </tr>
    <tr>
        <td><a href="Products.asp?category=200 gram"><img height="21" border="0" src="images/productmenu/Shoes<%if trim(lcase(request.querystring("category")))<>"Shoes" then%><%else%>_bold<%end if%>.png" width="120"></a></td>
    </tr>
    <tr>
        <td><a href="Products.asp?category=360 gram"><img height="21" border="0" src="images/productmenu/Shirts<%if trim(lcase(request.querystring("category")))<>"Shirts" then%><%else%>_bold<%end if%>.png" width="120"></a></td>

我想为每个菜单项添加一个鼠标,它会调用适当的图像,例如“new_items_highlight.png pic”,鼠标悬停在新项菜单链接上。

我可以在当前的“if”语句中添加其他语句吗?

感谢您的帮助!!!

3 个答案:

答案 0 :(得分:0)

Mouseover是一个客户端事件。您无法在服务器端处理此问题,因此您需要编写一些javascript来为您处理此问题。 if语句仅确定页面加载时图像的内容。

正如Diodeus在评论中所说,你也可以使用CSS。

无论哪种方式,您都需要预加载图像以防止闪烁。

http://css-tricks.com/snippets/css/css-only-image-preloading/

答案 1 :(得分:0)

我认为您无法通过服务器端代码实现所需,至少在“经典”asp中无法实现。您可能最适合使用一些javascript来执行鼠标悬停。 mouseover事件将由浏览器触发和处理,而不是服务器。您可以在其中放置一个javascript来触发鼠标悬停时的服务器回调,但这将是大量的回调,您将不得不以笨拙的方式处理会话状态以了解该怎么做。

我会从这里开始:http://forum.codecall.net/topic/36057-javascripttutorial-mouseover-image-change/#axzz2BNLWbikf

答案 2 :(得分:0)

http://craigsworks.com/projects/qtip2/demos/只是尝试检查这个JS插件,我希望你能从中找出一些东西..