最佳Ajax、DHTML和JavaScript-第一部分
在這篇文章中,深圳網(wǎng)站建設(shè)想介紹我們的第一個(gè)系列,介紹一個(gè)廣泛的開發(fā)人員套件,它可以提供一個(gè)有用且功能強(qiáng)大的工具箱,您可以在開發(fā)基于Ajax的Web應(yīng)用程序時(shí)每天使用它。滾動(dòng)技術(shù),漸變效果,即時(shí)現(xiàn)場編輯、互動(dòng)元素,視覺效果,動(dòng)畫,幻燈片,手風(fēng)琴,星級(jí)和其他有用的JavaScript的例子,你可以找到方便的同時(shí)發(fā)展你的下一個(gè)AJAX的Web應(yīng)用。第2部分即將到來,敬請(qǐng)關(guān)注!
滾動(dòng)技術(shù)
1)Ajax動(dòng)態(tài)滾動(dòng)頁面——該腳本從服務(wù)器加載內(nèi)容,并將其插入頁面中的空HTML元素(例如div標(biāo)記)中。可以動(dòng)態(tài)添加新頁面,腳本將向下滾動(dòng)到新頁面的內(nèi)容。
2)控制。上卷–控制。上卷是原型和us的JavaScript框架的擴(kuò)展。它是利用控制滑塊Script.aculo.us和延伸,隨著內(nèi)容的容器夾控制。
3)文本卷動(dòng)–的另一種方式來滾動(dòng)文本利用鼠標(biāo)動(dòng)作。
4)具有動(dòng)態(tài)提示Slider DataPager–最小的一種平滑滾動(dòng)的JavaScript代碼。
梯度效應(yīng)
5)CSS文本漸變-文本漸變是一個(gè)簡單的CSS技巧,它允許你只使用CSS和PNG圖像,在系統(tǒng)字體標(biāo)題上放置漸變,從而提高網(wǎng)站的外觀。
6)CSS漸變文本效果–創(chuàng)造有趣的標(biāo)題沒有PS圖象處理軟件渲染每個(gè)標(biāo)題。
AJAX即時(shí)編輯
7)即時(shí)編輯
8)digg風(fēng)格更新字符打字時(shí)如何使文字將根據(jù)你有多少個(gè)字符輸入的更新的一部分,一旦你達(dá)到你的極限就無法打字了。
9)輕松的ajax內(nèi)聯(lián)文本編輯2 -讓人們?cè)诓槐厥褂锰峤话粹o的情況下在線編輯一段文本。
像的影響
10)使用JavaScript和Flash的SWF圖片替換黑暗藝術(shù),swfir解決某些標(biāo)準(zhǔn)HTML圖像設(shè)計(jì)的局限性及其廣泛接受相關(guān)的CSS值,同時(shí)還支持基于標(biāo)準(zhǔn)的設(shè)計(jì)概念。
11)樣式你的圖像鏈接偉大的腳本,允許用戶給他們的鏈接圖像添加懸停效果。
12)放大鏡–允許你添加一個(gè)放大鏡(放大鏡)到您的網(wǎng)頁上的圖像。它使用不顯眼的JavaScript來保持代碼的整潔,并在所有主要瀏覽器中工作。
Ajax的星級(jí)評(píng)級(jí)
13)starbox:原型-星級(jí)腳本starbox允許您輕松地創(chuàng)建各種評(píng)級(jí)盒僅使用一個(gè)PNG圖像。該庫是建立在JavaScript框架原型之上的。
14)阿賈克斯球星rating-a極少,尚未完成,一星評(píng)級(jí)系統(tǒng)解決方案!
15)狂熱的收視率v1.2-rabidratings是一個(gè)簡單但眼緩存的評(píng)級(jí)系統(tǒng),它允許用戶網(wǎng)站的速度幾乎任何。
手風(fēng)琴
16)簡單的JavaScript手風(fēng)琴一個(gè)最小的手風(fēng)琴的腳本是非常簡單,易于集成。不需要任何的框架和跨瀏覽器兼容。
17)–這手風(fēng)琴是一種插件RapidWeaver。它從文本和圖形構(gòu)建一個(gè)動(dòng)態(tài)的交互式菜單驅(qū)動(dòng)的界面。
幻燈片和圖片
18)mooflow–MooFlow是一個(gè)基于JavaScript庫看起來像蘋果的iTunes´。
19)flickrshow–為您提供在自己的網(wǎng)站上展示你的Flickr照片集的最簡單的方法。
操縱領(lǐng)域
20)textboxlist滿足使用AutoSuggest /自動(dòng)在搜索領(lǐng)域允許用戶添加或刪除術(shù)語使用Mootools庫自動(dòng)完成。
21)顯示開關(guān)v0.1-the思想是模仿的功能,發(fā)現(xiàn)在桌面應(yīng)用程序,用戶可以點(diǎn)擊一個(gè)復(fù)選框,同時(shí)繼續(xù)按住鼠標(biāo),可以移動(dòng)到其他復(fù)選框,切換以及他們。
拖放
22)拖放排序列表
23)拖放-用于圖像和圖層。
工具提示
24)如何添加高級(jí)工具提示您的照片上的這篇文章說明了如何使用Taggify部件與不錯(cuò)的功能在您的照片顯示彈出式提示人們提高你的博客。
25)好的標(biāo)題——鏈接上的標(biāo)題應(yīng)該以相當(dāng)漂亮的方式顯示,Safari當(dāng)前顯示拖動(dòng)鏈接。
26)氣泡提示–氣泡提示添加一個(gè)簡單的方法(通過一些CSS和JavaScript)花哨的工具提示
對(duì)任何網(wǎng)頁都有一個(gè)氣球形狀。
日期,時(shí)間和日歷
27)calendar–its the javascript DHTML彈出/日歷或平坦的DHTML that is for選擇合適的日期/時(shí)間。
datejs–datejs 28)是一個(gè)開源的JavaScript庫的日期。
29)This is a calendar–JS跨瀏覽器JavaScript日歷。
Ajax的頭像
Ajax的頭像script–30)This is an example of a中的腳本。它使用AJAX(asyncron JavaScript and XML)to send to the server的投票。Ajax is also used to return to the results from this調(diào)查你的瀏覽器。
31 how to make an Ajax poll)
must see examples
32)shadedborder圓-角with JavaScript的陰影。check out the演示
我們可以改變文字大小33)with the text size for JavaScript readability更容易改變,這可以有一點(diǎn)be implemented easily and some javascript HTML to attach it to。
34)花式形態(tài)是通過腳本used to provide the replacement”復(fù)選框的終極Flexibility in Changing the appearance and Function of HTML的form元素。check out the演示
35)search–Ajax檢查你的域(Instantly com域名org,INFO,.,,最好的,.us)。
36)購物車推到購物車having the idea of the user我們跟著滾動(dòng)頁面。
37)timeline–時(shí)間表是基于DHTML控件ajaxy for visualizing基于事件的時(shí)間。它就像是基于Google Maps for時(shí)間信息。
這類原型window–38)to add允許JavaScript窗口在你的HTML頁。
39)widget–國際象棋國際象棋ajax控件,這是使用Ajax檢索分析國際象棋data from the server。
40)clickheat |點(diǎn)擊熱圖是視覺heatmap–clickheat of點(diǎn)擊我們的HTML頁,點(diǎn)擊熱辣和冷的地區(qū)。
41)scrollovers–scrollovers are a way to quickly and add to easily天賦你的網(wǎng)站的用戶體驗(yàn),給他們一個(gè)沒料到的。
(42)是使用JavaScript平滑滾動(dòng)滑塊使數(shù)據(jù)頁上顯示最后with this的效用。