国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery UI庫開發(fā)Web界面的簡單入門指引

2019-11-20 10:13:50
字體:
供稿:網(wǎng)友

一.jQuery UI
jQuery UI 是以jQuery 為基礎(chǔ)的開源JavaScript 網(wǎng)頁用戶界面代碼庫。包
含底層用戶交互、動(dòng)畫、特效和可更換主題的可視控件。我們可以直接用它來構(gòu)建具有很
好交互性的web 應(yīng)用程序。
jQuery UI 的官網(wǎng)網(wǎng)站為:http://jqueryui.com/
jquery-ui-x.xx.x.custom.zip
。里面目錄結(jié)構(gòu)如下:
1.css,包含與jQuery UI 相關(guān)的CSS 文件;
2.js,包含jQuery UI 相關(guān)的JavaScript 文件;
3.Development-bundle,包含多個(gè)不同的子目錄:demos(jQuery UI 示例文件)、docs(jQuery
UI 的文檔文件)、themes(CSS 主題文件)和ui(jQuery ui 的JavaScript 文件)。
4.Index.html,可以查看jQuery UI 功能的索引頁。

二.CSS 主題
CSS 主題就是jQuery UI 的皮膚,有各種色調(diào)的模版提供使用。對于程序員,可以使用
最和網(wǎng)站符合的模版;對于美工,也提供了沒有任何樣式的模版基于設(shè)計(jì)。
可以在這里:http://jqueryui.com/themeroller/  查看已有模版樣式。

三.  簡單引入
由于jQuery UI 不同組件的引入都有類似的特點(diǎn)和語法,所以這里只介紹兩種組件
的引入方式,這樣可以以此類推其他組件的引入方式。
button 按鈕

//將button 按鈕設(shè)置成UI $('#button').button(); 

dialog 對話框

//將div 設(shè)置成dialog 對話框 $('#dialog ').click(function () {    $("#dialog ").dialog();  }); 

這樣的形式,可以得知,jQuery UI的引入都是這樣的  組件名() 方法的形式引入。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 白山市| 陇南市| 溧阳市| 麦盖提县| 咸丰县| 株洲县| 周口市| 崇仁县| 兰坪| 陆良县| 恭城| 淮北市| 南乐县| 泰州市| 彭水| 蒙山县| 名山县| 宝兴县| 巴林右旗| 荣成市| 烟台市| 台东县| 黄冈市| 广平县| 蚌埠市| 新泰市| 嘉黎县| 汉中市| 河间市| 休宁县| 海盐县| 化德县| 曲周县| 渭源县| 泾源县| 远安县| 镇巴县| 莎车县| 太原市| 德兴市| 桐柏县|