使用客戶端處理的動態控件

Question

我創建了可變數量的大拇指（圖像），並將它們放在面板後面的aspx代碼中。

在客戶端我有onClick，mouseover，mouseout函數，我打了。

我可以獲得對單個控件的引用，但我似乎無法關閉和打開邊框。

我在背後的代碼Public Overrides Property BorderWidth後面的代碼放在服務器上 - 我可以在所有圖像上放置邊框。

我想要的只是鼠標懸停的邊框。

我想Overrides只適用於服務器 - 告訴我我錯了。代替，我試圖把一個有界的div圍繞拇指，但在這裏我再也看不到像JS那樣的對象（object.style.left）與其他'客戶端控件'的位置。

另外我看到了一些可以引用JS對象的地方，其中ObjectID_data的名字是JS給出的對象？我不知道，也不能找到任何信息。

我是新來的asp和JS。任何話題的任何照明將不勝感激。

Answer 1

您可以使用CSS和javascript輕鬆設置onmouseover，onmouseout上的邊框。讓我們假設，如果你有以下的HTML和CSS

.borderOn {border:2px solid #EEEEE} 
.borderOff {border:0px} 


<div onmouseover="toggle(this);" onmouseout="toggle(this)"></div> 


function toggle(div){ 
if(div.className == "borderOn") 
    div.className="borderOff"; 
else 
    div.className = "borderOn"; 
}