-1

私は、e コマースのオンライン ショッピング サイトを作成しています。私のページをフリップカートのように見せたいです。このような

メインカテゴリーのイメージ

マウスでは、すべてのサブカテゴリのすべてのハイパーリンクが表示されます

メインカテゴリーのイメージ

マウスでは、すべてのサブカテゴリのすべてのハイパーリンクが表示されます

私のテーブルは

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)

 </p> 

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)

したがって、結合クエリを作成して各カテゴリの単一の画像を表示し、マウスオーバーでサブカテゴリのハイパーリンクを表示するのを手伝ってくださいデータベースから画像を取得し、その画像に css または javaquery を適用するのを手伝ってください

4

2 に答える 2

0

これは、 http ://webdesign.about.com/od/dhtml/a/aadhtmlmenus.htmを探していると、:hover 疑似クラスを使用して、サブカテゴリを持つメニューを表示できるようになると思います。

お役に立てれば

于 2013-10-05T12:29:42.377 に答える
0

各カテゴリのサムに対して、サブカテゴリのすべてのハイパーリンクを含む div を含め、それに aposition: absoluteを指定し、デフォルトを設定しますdisplay:none。

次にホバーすると (css または jquery のいずれかを使用できます)、css プロパティを に変更しdisplay: blockます。

さらに、デザイン構造によってはz-index、ハイパーリンクの div に上位の css プロパティを含めることもできます。

于 2013-10-05T12:30:16.963 に答える