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

我正在制作一个电子商务在线购物网站。 我希望我的页面的外观与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)   

 

所以请帮我做一个连接查询，为每个类别显示一个单独的图像，并在鼠标上显示子类别的超链接

---

请帮助我从数据库中获取图像，并为该图像应用css或javaquery

我认为这就是您要查找的内容，它使您能够使用：hover伪类来显示一个菜单，其中可以包含您的子类别

---

希望这对每个类别拇指都有帮助，包括一个包含所有子类别超链接的div，给它一个

位置：绝对
，并设置默认的
显示：无

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

此外，根据您的设计结构，您可能还希望为hyperlink div添加更高的css
z-index
属性
研究他们的css和JS文件。您要求我们为您这样做吗？不行，先努力一点。在你开始这个项目之前，你可能要学习很多东西。
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)