jQuery UI 應用不同Theme的辦法

2022-08-22 00:42:09 字數 1309 閱讀 8146

一開始,我準備去動手,自己修改css檔案。這被證明是個非常費力不討好的事情。

有一次在jquery ui的主頁【停留的時候,乙個單詞很快吸引了我的注意:【themeable】,這不就是「可變主題的」的意思嗎?於是我進入到【這裡,發現了下圖的這個地方,他們官網的人把主題的更換叫做「主題滾輪」(哈哈哈,翻譯水平一般,信達雅也不知道滿足了多少)。

第二個tab頁開啟後,就發現原來他們已經準備好了很多的主題。這對於我這樣的懶人很合適,這麼多的樣式總有乙個是我想要的。

在應用的專案工程中,只需要將主題包和【jquery-ui-1.8.4.custom.min.js】檔案加入工程,就可以使用可變主題的jquery ui了。如圖:

我們所要做的就是在需要使用jquery ui的頁面中新增對於css檔案和js檔案的引用即可。我一般是在母版頁裡新增。

當我們要更換jquery ui的主題樣式時,只需要修改對css的引用路徑即可實現。如下圖,這個顏色的部分就是修改的地方。

這裡【是jquery ui

左邊:選擇你要顯示的物件;

中間:是執行時的實際效果顯示的地方,點選【view source】能顯示源**;

右邊:是選中物件的一些擴充套件功能的示例,選擇不同的功能,顯示區即會有隨之變化,源**區也會跟著變更;例如:上圖選擇【open on mouseover】,tab控制項的tab page則由原來需要點選才能切換變成了只需要滑鼠移動上去就可以切換了。

最後,再次強烈推薦jquery ui。

jQuery UI應用 滑塊Slider

1 animate 型別boolean 預設值false a 用處 單擊滑動區域時,滑塊是否使用動畫效果平滑移動到單擊位置。b 示例 建立例項時設定屬性值 class slider 例項化後得到屬性值 var animate id slider option animate 例項化後設定屬性值 id...

引用不同版本dll

引用不同版本dll 乙個專案引用不同版本的同一dll,會引發以下報錯 未能載入檔案或程式集 version x.x.x.x,culture neutral,publickeytoken 或它的某乙個依賴項。系統找不到指定的檔案 這裡來解決專案中同一dll的多版本問題。解決方式 不同場景有不同的解決方...

色彩應用 不同色相的搭配調子

大家都知道除了獨特的構思 奇妙的創意之外,色彩搭配在設計中的重要性也是不言而喻的。色彩的種類很多,但歸納起來也不過就是紅 橙 黃 綠 青 藍 紫。如果按照色相來劃分調子,曖色 紅 橙 黃 屬於高調,給人熱情 奔放的感覺 而綠色屬於中調,遇暖則暖 遇冷則冷 冷色 青 藍 紫 屬於低調色彩,給人優鬱 寧...