網頁上的熱點/懸停區域

我不記得該過程的調用方式，但我需要一種在網頁上創建類似熱點區域的方式，以便當用戶將鼠標指針懸停在此區域時，光標變成一個指針，這將允許用戶去一個特定的網站。網頁上的熱點/懸停區域

請注意，我並不是指圖像周圍的簡單定位標記，而是在確定網頁座標後，將該區域變爲懸停區域的具體方法。

希望這是有道理的。

希望有人可以讓我知道如何做到這一點，因爲我確信存在這樣的事情。

謝謝。

來源

2010-06-22 tonyf

除非這些斑點會變成非矩形，否則幾乎肯定會使用定位的'a'元素，如答案中所述。 – reisio 2010-06-22 08:45:35

一個非常簡單的解決方案是將一個錨定標記定位到頁面上的特定點。

<a id="hotspot" href="#!link">hidden hotspot</a> 

#hotspot { 
    position: absolute; 
    width: 100px; 
    height: 100px; 
    background: transparent; 
    display: block; 
    top: Xpx; 
    left: Xpx; 
    text-indent: -10000px; 
}

來源

2010-06-22 05:37:59

聽起來像一個簡單的錨即absolutely positioned

來源

2010-06-22 05:35:39 Quentin

雖然我會推薦上面提到的絕對定位的鏈接，但它聽起來像是在尋找一個image map。

來源

2010-06-22 06:03:31

其他人建議定位定位標記，但由於您提到的座標，它幾乎聽起來像你正在尋找一個老派的圖像地圖。這是古老的，但如果你想要一些任意的形狀，也許這是一個選擇。記住這些？

<img src="yourpic.png" width="500" height="400" usemap="#themap"> 
<map name="themap"> 
    <area shape="polygon" coords="0,0,100,0,100,100,0,100" href="..." id="foo" /> 
    <area shape="circle" coords="150,30" href="..." id="bar" /> 
</map>

我不知道你的要求的細節，但也許你可以用一個大空白圖像一起扔東西，定義了一堆多邊形和/或圓形的，添加一些懸停行爲，每個area，和從那裏出發。

來源

2010-06-22 06:03:55

網頁上的熱點/懸停區域

回答

相關問題