Prototype http://www.xyyouth.net.cn/changyongdaima/prototype/ 網頁特效 / 常用代碼 / Prototype zh-cn Kingfishers 基于Prototype的JS腳本運行日志工具 http://www.xyyouth.net.cn/changyongdaima/48669/ Kingfishers是一個基于Prototype框架、使用javascript語言編寫的在瀏覽器中連續輸出javascript腳本運行日志的工具,主要用于客戶端腳本的分析和查錯,能夠代替alert彈出框的功能,其中里面還包括了可展開、折疊的菜單、仿右鍵菜單、滾動插件以及語法高亮插件等,SyCODE 2012-05-08 21:12:18 Prototype Prototype 多方向圖片滾動實例 http://www.xyyouth.net.cn/changyongdaima/48668/ 基于Prototype的多方向圖片滾動實例,主要是左右滾動,有自動滾動、手動滾動等,比較常用的圖片滾動特效,希望大家喜歡。 2010-05-24 18:38:04 Prototype LightWindow Prototype彈出層插件 http://www.xyyouth.net.cn/changyongdaima/48667/ LightWindow是一款基于Prototype的彈出層插件,有點類似LightBox的效果,不過它可以彈出的內容形式之多,不只是可以彈出圖片,還可以彈出表單框、HTML網頁、Flash動畫、純文字說明等等不少的內容,同時,學習Prototype的朋友也可以借機學習一下Ajax技術。 2010-05-24 18:38:03 Prototype Plotr Barchart JS圖表類及應用示例 http://www.xyyouth.net.cn/changyongdaima/48666/ PlotrBarchart是由國外開發的一套小巧實用的JS圖表類庫,源碼包中含有豐富的應用示例,用本腳本可以在網頁上配合動態語言快速生成各種統計圖表,主要有橫向、豎向的柱圖、曲線圖,圓形餅圖,樣式設計漂亮,效果如上示。 2010-05-24 18:38:02 Prototype Prototype 平滑的圖片左右滾動效果 http://www.xyyouth.net.cn/changyongdaima/48665/ 基于prototype的平滑圖片滾動效果,向左、向右滾動,運行效果如上所示。控制按鈕可以控制其停止滾動、改變滾動方向等,上側為向右滾動,下側圖是向左滾動的示例。 2012-10-03 11:06:48 Prototype prototype 軌跡拖動(拖影效果) http://www.xyyouth.net.cn/changyongdaima/48664/ 基于prototype完成的模仿物體軌跡拖動效果,一張撲克牌可以在網頁上隨意拖動,顯示拖影緩沖效果,可以記錄拖動軌跡,經測試覺在IE6不是太完美,有時候拖影顯示的不太自然,想學習prototype的可以試著修復一下,在此基礎上我們可以做出弦麗的網頁拖動特效來。 2012-10-06 21:27:58 Prototype Prototype和jQuery美化Checkbox復選框實例 http://www.xyyouth.net.cn/changyongdaima/48663/ Prototype和jQuery美化Checkbox復選框實例,實際上它是一個現成的類庫,你可以直接調用,要注意自帶風格的資源文件存放位置,以免看不到效果。本類庫可以把復選框美化成滾動式的,點擊一次它就滾動一下,指示關閉或打開,相當于選中與取消。 2012-10-13 09:30:42 Prototype Prototype 圖片滾動(三個一組左右可控) http://www.xyyouth.net.cn/changyongdaima/48662/ Prototype圖片滾動,三個圖片為一組同時滾動,左右的兩個按鈕可以控制向左、向右滾動,在一些國外的大網站,經常見的效果,想學習Prototype的朋友更應該參考一下。 2012-09-16 21:02:14 Prototype 收集一些Prototype仿Vista提示信息窗口 http://www.xyyouth.net.cn/changyongdaima/48661/ 這是一些基于Prototype的彈出信息窗口,風格類似Vista的窗體風格,這些彈出窗有的會定時關閉,使用方法可以看這些演示頁面,感覺效果挺漂亮。 2012-10-13 09:31:10 Prototype 基于Prototype邊框自適應圖片大小的播放特效 http://www.xyyouth.net.cn/changyongdaima/48660/ 基于Prototype邊框自適應圖片大小的播放特效,也就是圖片在播放過程中,邊框為自適應圖片的大小,這不同于Lightbox,它像Flash動畫一樣是動態變化的,邊框由小到大或由大到小的過程也是動態的,示例含有三種方式的效果,一種更接近圖片切換,第二種是固定圖片大小的切 2012-10-06 21:28:08 Prototype flotr 0.2 Prototype 曲線圖插件 http://www.xyyouth.net.cn/changyongdaima/48659/ flotr是一個基于Prototype的曲線圖插件,用來生成各式各樣的數據統計曲線,效果之一請看截圖,自帶近20種使用示例,功能空前強大。 2012-10-12 09:57:18 Prototype Prototype 拖動滑塊控制圖片滾動的效果 http://www.xyyouth.net.cn/changyongdaima/48658/ 使用Prototype編寫的圖片滾動物資,拖動中間的滑塊會控制當前顯示的圖片,不拖動時候會自動滾動,使用了少的JS庫文件,這個效果個人感覺還有不少需要改進的,因為當頁面打開的時候,運行很慢,圖片滾動也不流暢,僅供學習參考。 2012-09-16 21:02:14 Prototype Prototype windows 仿Vista的JS窗體插件 http://www.xyyouth.net.cn/changyongdaima/48657/ Prototypewindows仿Vista的JS窗體插件,其實從字面意思你就能看出它是和窗口有關,使用純JS以及jQuery的早兩天就發布過兩款,本窗口插件和前兩款完成的功能大同小異,都可以完成窗口最大化、最小化、關閉、折疊、拖動等,唯一不同的是,它為學習Prototype的朋友提供了 2012-09-16 21:02:14 Prototype Prototype 進度條插件 jsProgressBarHandler http://www.xyyouth.net.cn/changyongdaima/48656/ jsProgressBarHandler是一個漂亮的多功能進度條插件,通過示例你可以方便的調用它。Prototype技術的運用使其更具有動態炫麗的效果。在示例中,點擊進度條對應的中間的按鈕,可以看到適時加載的百分比進度,實例僅是展示,不代表真實進度,加入程序中才能顯現出來。 2012-09-16 21:02:14 Prototype Prototype 動畫切換的Tab選項卡 http://www.xyyouth.net.cn/changyongdaima/48655/ 這個選項卡特效是由Prototype.js和scriptaculous.js共同完成的,點擊選項卡的卡片后,對應內容慢慢從上部移出,再點擊其它選項卡的時候,原來的內容緩慢移到上部消失,第二個選項卡由上部緩慢移出,這就是這款選項卡與其它TAB的不同之處。 2012-09-16 21:02:14 Prototype Ajax彈出層插件Lightbox的應用實例 http://www.xyyouth.net.cn/changyongdaima/48654/ 一個Lightbox的應用實例,可以讓你實現Ajax無刷新的網頁彈出層,包括彈出一個帶表單的網頁、一個登錄框、一篇文字、一張圖片等,適合新手學習。要想修改彈出層的內容,你只需修改被彈出的網頁內容即可,因此,本實例實現了一個類似框架的功能,剩下的內容就看你的創意 2012-10-03 11:06:48 Prototype ProtoType 實時變化的無刷新調色板 http://www.xyyouth.net.cn/changyongdaima/48653/ ProtoType實現的實時變化的無刷新調色板,根據用戶輸入的RGB值,可以顯示出相關顏色,先看一下效果圖,下側的一條橫線的顏色會隨著用戶輸入值的變化而變化,程序調用了Rico框架的調色板對象,用ProtoType控制適時顯示。 2012-09-16 21:02:14 Prototype Prototype 左側后臺管理菜單 http://www.xyyouth.net.cn/changyongdaima/48652/ 基于Prototype的左側后臺管理菜單,也不是只能做后臺管理菜單,只是比較適合,鼠標點擊分類項,會滑開菜單二分類,示例是從外國網站下載的,效果確實不錯,運行界面如上所示。 2012-10-03 11:06:48 Prototype Prototype 局部放大圖像帶播放的Lightbox插件 http://www.xyyouth.net.cn/changyongdaima/48651/ 同樣是基于Prototype框架的Lightbox插件,功能大體上與其它Lightbox大同小異,不過擴展了一些功能,可以進一步局部放大圖像,并帶有播放功能,而且它還可以自適應瀏覽器窗口的大小,而不是將LightBox顯示框固定為一個死尺寸,如果你的瀏覽器窗口不是最大化的話,本插件 2012-10-16 12:25:14 Prototype Lightbox 2.04 JS圖片展示插件 http://www.xyyouth.net.cn/changyongdaima/48650/ 絕對不錯的圖片展示插件,專業完成在網頁上顯示圖片。那就是LightboxJS,好像現在的最新版本就是v2.04,她可以快速的把圖片覆蓋在當前頁面上的腳本,而且能被快速安裝運作于所有流行的WEB瀏覽器。 她的運行效果如上圖所示,當我們在網頁上點擊小圖的時候,Lightbox幫我 2012-10-06 21:28:08 Prototype Prototype 做的折疊、展開層效果 http://www.xyyouth.net.cn/changyongdaima/48649/ Prototype做的很漂亮的層折疊、展開效果,點擊任一個層的標題,層的內容展現出來,緩慢帶緩沖的展開,是不是覺得很熟悉?但是每一個都有各自實現的方法。包中含有兩個示例,一個比較簡單沒有美化的,方便新手朋友學習Prototype.js和scriptaculous.js的使用方法,效果如 2012-10-03 11:06:48 Prototype Litebox 無刷新圖片放大顯示插件(Prototype) http://www.xyyouth.net.cn/changyongdaima/48648/ Litebox是在Prototype的基礎上擴展的一款無刷新圖片放大顯示插件,效果好,小巧靈活,使用者也是比較多的,以前上傳過一款,不過不是太完整,因此今天再次上傳完整版本。它除了可以作為圖片展示插件以外,還可以用來顯示其它的網頁元素,比如、表格、圖片混排的網頁等 2012-10-06 21:27:58 Prototype 老外們常用的Prototype動畫導航菜單 http://www.xyyouth.net.cn/changyongdaima/48647/ 基于Prototype框架制作的導航菜單,類似FLASH動畫一樣,在老外網站經常見得到。本類菜單其實就像是一個TAB選項卡一樣,只不過帶有動畫切換效果,用部分資源圖片和CSS的配合實現了好看的圓角,由Prototype完成動畫控制部分。 2012-10-12 09:57:18 Prototype Prototype 手風琴實例,展開折疊的DIV層 http://www.xyyouth.net.cn/changyongdaima/48646/ Prototype手風琴實例,展開折疊的DIV層 2012-10-12 09:57:18 Prototype leightbox Prototype簡潔彈出層插件 http://www.xyyouth.net.cn/changyongdaima/48645/ leightbox是一款Ajax無刷新彈出層插件,基于Prototype框架,它與其它彈出層插件的區別是風格簡潔,幾乎沒有用到圖片修飾,因此速度非常快,可以用它來制作無刷新登錄框、提示框,用來顯示圖片和文字都不錯,來自國外,截圖演示如上。 2012-10-03 11:06:48 Prototype Prototype 精美網頁選項卡(動畫效果) http://www.xyyouth.net.cn/changyongdaima/48644/ 一款基于Prototype.js的精美網頁選項卡,帶動畫特效,單就選項卡外觀來說,已經很不錯了,暖色調,很舒服的視覺沖擊,而且它還使用了Prototype打造了平滑的動畫特效,覺得還是很不錯的。正在研究Prototype框架的朋友,這正是一個好參考實例。 2012-10-12 09:57:18 Prototype Prototype Dateslider 滑塊日期選擇器 http://www.xyyouth.net.cn/changyongdaima/48643/ PrototypeDateslider是一款拖動滑塊改變日期的選擇器插件,你在程序里設定開始日期和結束日期,程序會自動為您計算好標尺比例,拖動標尺上的滑塊,文本框中的日期會隨之改變;還可以設定時間區間,出現兩個滑塊分別調整,左滑塊調整起始時間,右滑塊則調整結束時間。 2012-10-12 09:57:18 Prototype Prototype 彈出層插件(Multifaceted Lightbox) http://www.xyyouth.net.cn/changyongdaima/48642/ 這是一款基于Prototype框架的彈出層插件——MultifacetedLightbox,最大的兩個特點是風格簡潔,反應快速,因為不喜歡太復雜的朋友肯定會喜歡的,它更看重實用性,因此沒有過多的去修飾,風格看上去簡潔明了,用它你可以制作AJAX彈出提示,瀏覽圖片等功能,如圖所示。 2012-10-03 11:06:47 Prototype 黑色漂亮的ProtoType+CSS兩級導航菜單 http://www.xyyouth.net.cn/changyongdaima/48641/ 一款基于ProtoType的CSS菜單,黑色風格,看上去很酷很漂亮,像DEDECMS默認風格中的菜單條一樣,它還帶有缺口指示,可以讓用戶很清楚的看到當前的菜單項,而且它還是多級的,可以再增加一級的菜單并行于下側,圖片資源齊全。 2012-05-08 21:12:18 Prototype 基于prototype的動感星形投票插件 http://www.xyyouth.net.cn/changyongdaima/48640/ 基于prototype的動感星形投票插件,含有示例文件,注意,這是前臺完整代碼,如果要使用到你的網站中,需要配合數據庫,腳本配置有接口,目前投票后是以信息的形式提示,投票時候星星會變色,現在好多網站都有類似效果。本插件除了使用有prototype以外,還用有其它的封 2012-05-08 21:12:18 Prototype Prototype.js v1.6 含文檔最新版 http://www.xyyouth.net.cn/changyongdaima/48639/ Prototype.js可以說是JS框架的始祖了,這個最早最好用的JS框架集,以體積小,速度快,功能全的優點,贏得很多AJAX愛好者的喜歡,目前版本已發展到1.6了,這是1.6版的Prototype.js框架文件。 2012-10-16 12:25:14 Prototype 夫妻性生生活视频 - 视频 - 在线观看 - 影视资讯 - 品爱网