首頁猿問求助:誰能指導(dǎo)下該項(xiàng)技術(shù)怎么實(shí)現(xiàn)

求助:誰能指導(dǎo)下該項(xiàng)技術(shù)怎么實(shí)現(xiàn)

.NET

慕的地6264312 2018-10-25 05:06:23

京東商城里的 "商品分類" 模板塊里面. 鼠標(biāo)移動(dòng)到 "大家電" 或者 "生活電器" ，右面自動(dòng)彈出一個(gè) 類似Div層的框。請問這是怎么實(shí)現(xiàn)的。我們曾想到用 Div 層來實(shí)現(xiàn)。這樣的話每一個(gè)子分類（就是 "大家電"）都要用一個(gè)Div, 這樣算下來有太多太多的 Div了。有沒有別的好方法！螞蟻不勝感激

查看完整描述

3 回答

翻過高山走不出你

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊

不管是DIV還是什么，你的這類問題也就是事件的觸發(fā)問題，onmouseover這個(gè)事件能夠讓你在鼠標(biāo)經(jīng)過DIV的時(shí)候做你要做的事情，而現(xiàn)在你要做的事情是彈出一個(gè)層，那么此時(shí)在方法里你可以動(dòng)態(tài)的生成添加一個(gè)層

xx.InnerHTML = "xxxxx"; 這里"xxxxx" 就是你拼字符串拼出來的你想要的層的HTML代碼，然后動(dòng)態(tài)添加上去就可以了，要想顯示不同的內(nèi)容就在方法里傳入不同的參數(shù)即可，事件的定義就用

onmouseover = "aa(this)"即可， aa 為方法名，隨便起就可以了，this就是當(dāng)前調(diào)用該方法對象（簡單點(diǎn)的你可以這么理解）

反對回復(fù) 2018-10-29

桃花長相依

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊

onmousemove的時(shí)候通過

ajax動(dòng)態(tài)生成div

<div>

<ul>

</ul>

</div>

反對回復(fù) 2018-10-29

慕妹3242003

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超6個(gè)贊

簡單說是一個(gè)div，只是數(shù)據(jù)是動(dòng)態(tài)加載的，也就是當(dāng)你移動(dòng)到某個(gè)類別的時(shí)候，此時(shí)進(jìn)行數(shù)據(jù)加載，同時(shí)這個(gè)div依據(jù)當(dāng)前鼠標(biāo)位置的元素，做為父元素進(jìn)行div的位置控制進(jìn)行顯示

反對回復(fù) 2018-10-29