iT邦幫忙

jquery相關文章
共有 326 則文章

技術 jQuery線上相簿 展示器 - fancyBox v2.1.5 安裝步驟

知名的fancyBox是網路上很多朋友推薦的jQuery套件 您可以在多數網站看見類似的效果 產品圖片、線上相簿.....等等 安裝起來也很簡單,不管您試用AS...

技術 用jquery,extjs 編排公司網頁

我的網站很單純只是提供一些資料庫設計的概念,以前用 html 排網頁總覺得很困難,導入jquery後使用 div 配置概念變得方便多了. 目前用Chrome,F...

鐵人賽 開發技術 DAY 30
學習手機網站開發 系列 第 27

技術 Slider Menu選單-Day 30

製作FB的選單效果。 下面分享FB選單效果的插件,將相關附件崁入頁面中,在相關標籤作設定就會顯示出如FB選單的效果。 →SliderMenu中是指跳出的menu...

鐵人賽 開發技術 DAY 16
東之宿_網站開發 系列 第 16

技術 東之宿_開發日誌-終(Twitter帳號登入-下)

今年是第一次報名「開發技術」這個組別,本來是想籍由自己開發網站的過程,作為內容,但等到真的開始撰寫時,發現...自己在「開發技術」這個領域,懂的太少,已經沒內...

鐵人賽 開發技術 DAY 29
學習手機網站開發 系列 第 26

技術 Bartender插件-Day 29

在Navbar導覽選單加入泡泡提示。 這個插件可以在Navbar新增提示泡泡。 demo:http://www.stokkers.mobi/valuables/...

鐵人賽 開發技術 DAY 28
學習手機網站開發 系列 第 25

技術 圖片換頁插件-Day 28

顯示左右箭頭,讓使用者可以往前或往後 可以用來如(圖片顯示)會顯示左箭頭或右箭頭讓使用往前或往後。 作法: →到http://filamentgroup.com...

鐵人賽 開發技術 DAY 15
東之宿_網站開發 系列 第 15

技術 東之宿_開發日誌-16(Twitter帳號登入-上)

使用Twitter帳號登入網站,成為網站會員,最近在台灣使用的網站漸漸變多了,但在國外的網站,卻是很久前就很風行了。 今天要向各位報告的是,使用Twitter帳...

鐵人賽 開發技術 DAY 30

技術 jQuery套件開發之(二十八),套件ryPoint 完成

以前寫小遊戲的時候,為了指導使用者 會用一小箭頭指引使用者點哪裡 這兩天把這個功能寫成套件了 demo http://ry.url.tw/wp/doc/ryPo...

鐵人賽 開發技術 DAY 14
東之宿_網站開發 系列 第 14

技術 東之宿_開發日誌-15(版面設計軌跡-完)

另外一個很重要的,就是內容的分類,Mobile第一版的時候,太陽的分法是這樣。 Mobile版使用JqueryMobile開發,雖然省掉很多開發時間,但其實也...

鐵人賽 開發技術 DAY 27
學習手機網站開發 系列 第 24

技術 JQM內嵌(inline)清單&圖示清單-Day 27

將LIST和其他html內容在一起顯示。 預設下通常list清單都會顯示全頁模式,下面作法是要將list和其他HTML內容混用,也可以達到多清單的樣式,每個ul...

鐵人賽 開發技術 DAY 29

技術 [JQuery]判斷頁面圖片是否載入完成並延遲載入

需求 當頁面圖片很多、網路又不快時,圖片顯示會由上往下慢慢顯示,這會讓使用者觀感很不好,故我希望在圖片載入完成時,再將該圖片顯示,並用文字提示載入完成,雖然這個...

鐵人賽 開發技術 DAY 29

技術 jQuery套件開發之(二十七),canvas練習,畫圓、畫cone

http://ry.url.tw/wp/doc/canvas/cv3.htm <script> $(function() { functio...

鐵人賽 開發技術 DAY 13
東之宿_網站開發 系列 第 13

技術 東之宿_開發日誌-14(版面設計軌跡-2)

既然要改,就是真的全改。目標只有一個,就是「一目了然」,但是要不難看。 太陽在參考了幾十個國外旅遊站,以及旅行網頁模版後,設計出了兩欄式的版面,確認出雛型之後,...

鐵人賽 開發技術 DAY 12
東之宿_網站開發 系列 第 12

技術 東之宿_開發日誌-13(版面設計軌跡-1)

謝謝Joseph Chung 謝謝那些在太陽這個年紀,還願意提醒太陽該注意什麼、該改善什麼的人。 太陽的想法很單純,他總認為...任何事情都不是難在怎麼做,而...

鐵人賽 開發技術 DAY 25
學習手機網站開發 系列 第 22

技術 JQuery Mobile頁尾狀態續存-Day 25

同時使用Navbars和續存頁尾時,讓Navbars可以維護所選狀態。 同時使用Navbars和續存頁尾時,讓Navbars可以維護所選狀態,通常在頁面轉換時頁...

鐵人賽 開發技術 DAY 27

技術 jQuery套件開發之(二十五),rySpriteMaker完成

因為常常要用css sprite做網頁動畫 所以利用這次的機會寫成套件 還滿開心自己設計的pattern考慮到滿多面向 基本上很合我用 套件原始碼 ;(func...

鐵人賽 開發技術 DAY 24
學習手機網站開發 系列 第 21

技術 Responsive Mobile Menu製作-Day 24

不使用JQuery Mobile,彈性的選單如何製作。 再不使用JQuery Mobile下,製作一個彈性下拉選單。 作法:利用JQuery去做,做好顯示一個選...

鐵人賽 開發技術 DAY 11
東之宿_網站開發 系列 第 11

技術 東之宿_開發日誌-12(Google MAP 距離計算-下)

最後將計算出的距離,轉化為公里,得到想要的結果。 太陽想到將JavaScript取得的經緯度值,傳送到PHP的方法是...POST。 1.一開始的時候,載入G...

鐵人賽 開發技術 DAY 26

技術 jQuery套件開發之(二十四),rySpriteMaker

決定採用css3_animationsk的技術 ---套件開發申請單--- 套件名稱:rySpriteMaker 套件型態:軍隊 (軍隊/英雄) 分別代表很多w...

鐵人賽 開發技術 DAY 10
東之宿_網站開發 系列 第 10

技術 東之宿_開發日誌-11(Google MAP 距離計算-上)

「計算距離」和「我附近的...」的功能太陽設計出來的程序如下: 這當中困擾太陽最久的就是,怎麼讓從JavaScript取得的Current座標,送到PHP。...

鐵人賽 開發技術 DAY 25

技術 jQuery套件開發之(二十三),開發新套件嚕~spriteMaker

http://ry.url.tw/wp/doc/spr_css/spr_css4.htm 這是我以前寫的套件 既然我的pattern已經告一段落 想來改寫以前寫...

鐵人賽 開發技術 DAY 22
學習手機網站開發 系列 第 19

技術 JQuery Mobile彈跳清單-Day 22

JQuery Mobile清單以彈跳視窗樣式彈出。 清單選項也可以做一個彈跳清單,點選清單出現相關選項清單,供使用者挑選。 作法: ●在<select&g...

鐵人賽 開發技術 DAY 9
東之宿_網站開發 系列 第 9

技術 東之宿_開發日誌-10(Google MAP 路線規劃)

定點靜態路線規劃,是許多旅人在旅行前會透過Google map做的事情,透過Google map算出兩個定點的距離和路線規劃。 使用這個功能時,瀏覽器內會詢問...

鐵人賽 開發技術 DAY 24

技術 jQuery套件開發之(二十二),dialog~

單次觸發的物件要存在主要的element裡面 如果一次觸發 產生多個element 而且使用量都很吃重,可以考慮都存 直接看範例 http://ry.url.t...

鐵人賽 開發技術 DAY 21
學習手機網站開發 系列 第 18

技術 日期欄位、文字訊息-Day 21

HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援,而JQuery Mobile也支援html5,所以直接指定input元素類型...

鐵人賽 開發技術 DAY 24

技術 [ASP.NET]使用JQuery來接收JSON字串

上一篇【使用JQuery來傳遞JSON字串】介紹了如何在前端傳遞JSON物件至後端接收,這篇主要介紹如何從後端組出JSON物件,回傳至前端接收。 接續上一篇範例...

鐵人賽 開發技術 DAY 8
東之宿_網站開發 系列 第 8

技術 東之宿_開發日誌-9(Google MAP Basic)

參考了國外的旅遊網站後,太陽決定要將Desktop版和Mobile版分開的主要原因就是...雖然是同樣的內容,但應該要有不同的功能和呈現,主要的差別是在於,操...

鐵人賽 開發技術 DAY 23

達標好文 技術 [ASP.NET]使用JQuery來傳遞JSON字串

最近又寫回Webform,但跟以前不一樣的事,很多時候我已經捨去掉那些控制項,也不再使用Update Panel,主要是因為不想再使用那肥大的ViewState...

鐵人賽 開發技術 DAY 20
學習手機網站開發 系列 第 17

技術 JQuery Mobile 文字欄位-Day 20

文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項,以下是可用的文字輸入欄位 <input ty...

鐵人賽 開發技術 DAY 23

技術 jQuery套件開發之(二一),回顧

忘記是鐵人賽哪一天才領悟 我現在寫的東西比較適合widget類的套件。 因為我這一個模式,都假設會產生元素放到畫面上。 然後元素綁定事件 我們探討過的機制有 (...