我正在設置一個頁面,其中包含調暗頁面部分的按鈕。我修改了一些我在這裏找到的代碼:http://www.jankoatwarpspeed.com/use-jquery-to-turn-off-the-lights-while-watching-videos/點擊打開和關閉CSS過濾器亮度
但是我在javascript/jQuery上很糟糕,我不確定如何讓它做我需要的。
這裏的腳本:
$(document).ready(function(){
$("#shadow").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#shadow").toggle();
if ($("#shadow").is(":hidden"))
$(this).removeClass("turnedOff");
else
$(this).addClass("turnedOff");
});
});
而且這裏有一個的jsfiddle:http://jsfiddle.net/e2b7dxa0/
我想它,以便在單擊光開關在與「影子」 ID什麼變暗。現在,任何具有該ID的內容都會隱藏起來,直到單擊燈開關並且我希望它可以看到,無論開關是否打開。我只想讓開關切換CSS中的亮度過濾器。
另外,jQuery中有一些東西導致高度擴展到頁面的高度,我想刪除它。
的高度是因爲'$(文件).height()' – hjpotter92