2345技术员联盟

jQuery UI编程 ThemeRoller

  • 来源:未知 原创
  • 时间:2018-06-29
  • 阅读:
  • 本文标签:

      ThemeRoller 簡介。ThemeRoller 是一個 Web 應用程序,為 jQuery UI 設計和下載自定義主題提供了直觀的界面。您可以訪問 jQuery UI ThemeRoller 進行主題定制。jQuery UI ThemeRoller 是由波士頓的 Filament Group, Inc 設計和開發的。ThemeRoller 界面,ThemeRoller 的界面分為不同面板,各面板分別是全局字體和圓角半徑設置、小部件容器樣式、可點擊元素的互動狀態,及覆蓋和陰影的各種樣式。這些面板允許配置各種 CSS 屬性,比如字體尺寸、顏色、粗細、背景顏色和紋理、邊框顏色、文本顏色、圖標顏色、圓角半徑,等等。


    主題館(Gallery):預先設計主題,ThemeRoller 主題可以通過永久鏈接 URL 進行查看,它包含一些預先設計的主題可供選擇。主題館(Gallery)可以通過位於應用程序界面頂端的標簽欄進行訪問。從主題館(Gallery)中,您可以預覽和下載主題,甚至可以選擇一個主題,然後切換到 "Roll Your Own" 標簽頁進行調整。下載主題,當您設計完主題後,您可以下載主題以便在項目中進行使用。ThemeRoller 在頂部有一個 "Download theme(下載主題)" 按鈕,可以生成一個 zip 壓縮包,包含了所有的主題相關文件。下載文件中的圖像是按照您的規格進行生成的,並保存為高質量的 PNG 文件。


      您的主題將包含圖像和 CSS,組成了 jQuery UI CSS 框架的自定義版本,包含了所有插件的圖像和 CSS。在項目中按照下載的主題,一旦下載了主題,解壓縮後,您將看到一個名為 themes 的文件夾。該文件夾包括了主題所需的 CSS 和圖像。復制主題文件夾到您的項目中,並在頁面中鏈接 themes/all.css 文件。創建自定義的 "ThemeRoller-Ready" 組件,ThemeRoller 生成了一個 jQuery UI CSS 框架的自定義版本,用於開發您自己的 ThemeRoller-ready jQuery 組件。通過這個框架生成的類被設計來提供通用的用戶界面的設計情況,包括狀態、圖標以及各種輔助類。


     九宮格自動鎖屏 jQuery 插件 fcode.js | 軟件推介。fcode.js是什麽?fcode.js是一款web頁面九宮格自動鎖屏js插件,依賴於jquery,會在設置的範圍裏,判斷用戶有無操作,然後執行鎖屏的功能。就一個js文件,配置簡單,操作方便,可以鎖住任何頁面,還支持在手機端的鎖屏。此外,還支持更新密碼,或者用來登錄,都有相關的說明,特別簡單,相信您看一下,就會明白!演示地址:http://fcphp.cn/fcode(demo 請在 http 方式下訪問)


     如何使用 fcode?因為是使用的九宮格,所以密碼就是對應著數字123456789,最上面一排從左到右代表1,2,3,中間代表4,5,6,最後一排代表7,8,9 所以相應的密碼也要如此設置。fcode的基本配置,fcode.js的基本配置非常簡單,一看便知,便不多做介紹,這裏重點介紹一下fcode.Start這個函數的設置,這個函數是啟動功能的,參數可以是密碼,md5加密的密碼,或者是一個api接口,1.普通密碼形式。


     這種方式,就是代表第一排滑動解鎖,簡單方便,缺點是能看到源碼(雖然我已經屏蔽了源碼查看,f12,右鍵查看的功能)2.md5加密形式,其實就是把上面的123md5加密一下,是小寫的md5 32位加密方式,可以隨便找個工具加密一下就行了,比如用這個,http://tool.chinaz.com/tools/md5.aspx 這種方式安全多了,而且可以免去配置api接口,不需要額外的腳本就能運行,3.api接口形式,目前只提供了php的接口參考(本人做php的),地址一定要填寫完整的接口地址,例如http://127.0.0.1/status.php,接口設計也是非常簡單,沒有什麽復雜的地方,一看便知。4.兼容性說明,測試支持 IE10,IE11,火狐,谷歌,項目資訊及源碼地址獲取。


本文来自电脑技术网www.it892.com),转载本文请注明来源.
本文链接:http://www.it892.com/content/web/jquery/0629104JH018.html

推荐阅读
热点排行
  1. 技术|善待jQuery
  2. jQuery UI编程 ThemeRoller
  3. jQuery是什麽?
无觅相关文章插件,快速提升流量