點擊框陰影陰影 - Javascript（不是jQuery）

我想要點擊圖像時出現陰影。我目前不使用Jquery，所以如果可能的話，提供一個java腳本解決方案。繼承人我的小提琴：http://jsfiddle.net/zUNhD/7/點擊框陰影陰影 - Javascript（不是jQuery）

我還希望箱陰影只在任何項目是當前選定的活動。（最後一個項目點擊應該是唯一一個與陰影）

window.onload = function(){ 
var box1 = document.getElementById('thumbs'); 
var box1Div1 = box1.getElementsByTagName('input'); 
var img1 = box1Div1[0] 
    console.log(img1); 

    img1.onclick = function(){ 
    img1.setAttribute("class", "BoxShadow"); 
    }; 
    };

來源

2012-11-05 ModS

像這樣：http://jsfiddle.net/zUNhD/20/？ – Passerby

@Passerby是非常感謝！如果您想將此重新發布爲「答案」，我會接受。非常感激。 – ModS

從註釋擴展：

您可以使用:active選擇來應對「點擊」事件，並:focus選擇來應對，那麼，「焦點」事件：

input:active, input:focus{ 
    box-shadow:2px 2px 2px blue; 
}

fiddle

來源

2012-11-05 09:31:44 Passerby

爲您的代碼的一些簡化見this jsfiddle。 css類沒有正確分配，應該在前面加一個點。把你的腳本標籤附近結束</body>標籤及使用說明：

var box1 = document.getElementById('thumbs'); 
var box1Div1 = box1.getElementsByTagName('input'); 
var img1 = box1Div1[0] 

img1.onclick = function(){ 
    img1.className = "DropShad"; 
};

來源

2012-11-05 09:17:29 KooiInc

的功能還沒有被稱爲在你的代碼。

window.onload = function(){ 
var box1 = document.getElementById('thumbs'); 
var box1Div1 = box1.getElementsByTagName('input'); 
var img1 = box1Div1[0];  
img1.onclick = function(){ 
img1.setAttribute("class", "DropShad"); 
}; 
}();

這裏是工作提琴... http://jsfiddle.net/zUNhD/18/

來源

2012-11-05 09:51:22 selvagsz

點擊框陰影陰影 - Javascript（不是jQuery）

回答

相關問題