用戶用搜索引擎搜索jquery-ui，找到j(luò)query-ui的官網(wǎng)
我們提供的服務(wù)有：成都網(wǎng)站制作、成都做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、城廂ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的城廂網(wǎng)站制作公司
找到官網(wǎng)后，進(jìn)入jquery-ui的首頁，jquery-ui點(diǎn)擊download選項(xiàng)進(jìn)入包的下載頁面
選擇需要下載的jquery-ui的版本，將瀏覽器拉到底部，點(diǎn)擊download按鈕進(jìn)行下載 將下載的jquery-ui包進(jìn)行解壓，解壓后會(huì)出現(xiàn)幾個(gè)文件夾及文件，學(xué)習(xí)就重點(diǎn)看demos文件夾， 里面都是jquery-ui的經(jīng)典案例。
工具/材料
Sublime Text
01
先打開Sublime Text，然后在編輯器中添加HTML5頁面，如下圖所示，由于頁面中中文，所以編碼需要設(shè)置成utf-8的格式
02
接下來需要下載Jquery UI的庫文件，并且在HTML中導(dǎo)入Jquery UI的樣式庫文件，如下圖所示
03
由于顏色動(dòng)畫特效需要JS腳本控制，所以需要導(dǎo)入Jquery的腳本和Jquery ui的腳本，如下圖所示。因?yàn)镴query ui是用jquery編寫的，所以先導(dǎo)入Jquery文件
04
然后在body標(biāo)簽中添加一個(gè)div和一個(gè)按鈕。Div標(biāo)簽是我們要操作的顏色塊，按鈕用來觸發(fā)動(dòng)畫操作，如下圖所示
05
接下來在頁面中添加style標(biāo)簽，并為上面設(shè)置的div顏色塊來添加樣式，如下圖所示
06
然后在script標(biāo)簽中添加我們腳本代碼，如下圖所示，通過調(diào)用animate方法進(jìn)行動(dòng)畫調(diào)用，它可以直接指定顏色塊的背景顏色
07
最后，我們運(yùn)行頁面程序，你會(huì)在頁面中看到一個(gè)顏色塊和一個(gè)按鈕，點(diǎn)擊按鈕以后，顏色塊發(fā)生變化了，如下圖所示
到下面的地址下載一份完整的jqueryui開發(fā)包zip文件，然后解壓縮后，里面的development-bundle\ui目錄下就會(huì)看到所有的jquery.ui.*.js文件，其中就有你說的 jquery.ui.position.js和jquery.ui.dialog.js文件。?
一般開發(fā)的時(shí)候，把下面的js文件引入就可以了。
script?type="text/javascript"?src="ui/jquery.ui.core.js"/script
script?type="text/javascript"?src="ui/jquery.ui.widget.js"/script
script?type="text/javascript"?src="ui/jquery.ui.mouse.js"/script
script?type="text/javascript"?src="ui/jquery.ui.button.js"/script
script?type="text/javascript"?src="ui/jquery.ui.draggable.js"/script
script?type="text/javascript"?src="ui/jquery.ui.position.js"/script
script?type="text/javascript"?src="ui/jquery.ui.dialog.js"/script
下載JQ ui 彈窗demo可按照以下步驟完成：
1，打開JQ ui，點(diǎn)擊download按鈕，如下圖：
2，找到Version處，根據(jù)自身情況選擇版本。然后找到Components，默認(rèn)是勾選了Toggle All，即全部下載。這里只下載彈窗demo，就取消掉此勾選。如下圖：
3，滾動(dòng)頁面，在下方Widgets中找到Dialog項(xiàng)，并勾選，如下圖（勾選Dialog之后，會(huì)自動(dòng)勾選其所依賴的相關(guān)組件）：
4，然后滾動(dòng)頁面到最下方，點(diǎn)擊download按鈕，即可下載彈窗demo。如下圖：
重慶分公司
重慶分公司
