如何在鼠标悬停的图像上获取超链接？

Question

我正在制作一个电子商务在线购物网站。 我希望我的页面看起来像flipkart一样。 像这样

主要类别的图像

而且鼠标豪尔所有所有子类别的超链接显示

我的表是

ProductCategory 
Column Name Data Type Constraint 
CategoryID Varchar(20) Primary key 
CategoryName Varchar(100) Unique key 
Description Varchar(1000) 


ProductSubCategory 
Column Name  Data Type Constraint 
SubCategoryID Int Auto increment , Primary key 
SubCategoryName Varchar(100)  
Description  Varchar(1000) 
CategoryID  Varchar(20) Foreign key with Product Category 

ProductSubCategory2 
Column Name   Data Type Constraint 
SubCategory2ID  Int Auto increment , Primary key 
SubCategory2Name Varchar(100)  
Description   Varchar(1000) 
SubCategoryID  Varchar(20) Foreign key with Product SubCategory 

CompanyInfo 

Column Name Data Type Constraint 
CompanyID Varchar(20) Primary key 
CompanyName Varchar(100) Unique key 
Description Varchar(1000) 

ProductInfo 
Column Name Data Type Constraint 
ProductID Int Primary key , auto increment 
ProductName Varchar(100)  
SubCategory2ID Int Foreign key with ProductSubCategory 
CompanyID Varchar(20) Foreign key with CompanyInfo 
Price Float 
Quantity Int 
Description Varchar(1000) 

所以，请帮我做一个连接查询显示onle每个类别和鼠标移到它显示子类别的超链接的单个图像 请帮我从数据库中获取的图像和应用css或javaquery那个图像

Answer 1

我认为这是你寻找的http://webdesign.about.com/od/dhtml/a/aadhtmlmenus.htm使你可以使用：hover伪类来显示一个你可以有你的子类别的菜单。

希望这有助于

Answer 2

对于每个类别拇指，包括含有子类别的所有超链接一个div，给它一个position: absolute并设置默认display:none。

然后在悬停（您可以使用CSS或jQuery）将css属性更改为display: block。

此外，根据您的设计结构，你可能还需要包括更高的CSS z-index属性的超级链接DIV