js效果——頁面如何讓換皮膚

Lsevens.發表於2020-10-03
htm引用程式碼:
<heard>
   <link rel="stylesheet" href="styles/skin/skin_0.css" type="text/css" id="cssfile" />
</heard>

js程式碼:
$(function () {
    $("#skin li").click(function () {
        var css = "styles/skin/" + $(this).attr("id") + ".css";///獲取皮膚屬性並且進行拼接;
        $("#cssfile").attr("href", css);///更改引用樣式表引用的href屬性
        $(this).addClass("selected").siblings().removeClass("selected");///滑鼠當前點選的選擇空為√同時清空其兄弟節點的預設值
    })
})

 效果圖:

 

相關文章