iT邦幫忙

jquery相關文章
共有 254 則文章
鐵人賽 開發技術 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

_animationsk的技術 套件名稱:rySpriteMaker 套件型態:軍隊 (軍隊/英雄) 分別代表很多widget或是只有一個widg...

鐵人賽 開發技術 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類的套件。 因為我這一個模式,都假設會產生元素放到畫面上。 然後元素綁定事件 我們探討過的機制有 (...

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

技術 東之宿_開發日誌-8(Bootstrap 初試)

但對於一個戶頭裏的數字,是要用來繳房租和顧三餐的太陽來說,他選擇Bootstrap的原因,除了沒有人會發薪水給他,讓他練經驗外,他也沒有時間,可以從頭開始學C...

鐵人賽 開發技術 DAY 22

技術 jQuery套件開發之(二一),dialog 寫好一部分

套件還是有一些缺陷 例如呼叫兩個widget的時候,共用的mask應該要ID沒有序號 獨立的widget也不應該寫入self裡面... 範例 : http://...

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

技術 JQuery Mobile 動態新增按鈕-Day 19

動態按鈕的運用,新增按鈕、禁止使用按鈕、啟用按鈕介紹。 1.事件語法—按下新增按鈕後,新增一個按鈕 $("#b1").bind('click...

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

技術 JQuery Mobile 彈出視窗-Day18

JQuery Mobile的彈出視窗如何設定 使用彈出視窗: 設置alert dialog 给標籤設定data-role="dialog"...

鐵人賽 開發技術 DAY 21

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

範例 http://ry.url.tw/wp/doc/a9.htm 今天來分享一個寫套件必經的練習套件 - tooltip 套件程式碼 ;(function (...

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

技術 東之宿_開發日誌-6(Jquery Moile & PhoneGAP 下)

要使用PhoneGap,需先將開發環境準備好(如有描述錯誤,還請各位先進,盡量糾正太陽,謝謝。) 準備測試之前,可以先新增一個資料夾,做為Android De...

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

技術 JQuery Mobile較重要事件-Day 17

介紹幾個比較重要事件 1.mobileinit:可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...

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

技術 東之宿-開發日誌-5(Jquery Moile & PhoneGAP 上)

要使用PhoneGap,需先將開發環境準備好(如有描述錯誤,還請各位先進,盡量糾正太陽,謝謝。) 太陽之前聽說PhoneGap能將網站包裝成多種APP的樣子,...

鐵人賽 開發技術 DAY 19

技術 jQuery套件開發之(十八),寫套件時,綁定事件要小心

前幾天寫套件的時候,不小心犯了一個綁定事件的錯誤 因為我寫的套件,都是以widget會很多的狀況來寫。 所以綁定事件的時候,通常有兩個方式 第一種 : 每一個w...

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

技術 東之宿_開發日誌-4(JQM&Google AD)

太陽之前想過,在Mobile版置入Google Adsense(Google 廣告),不過這個念頭,在他實作後隨即打消,因為那個畫面讓他難以接受。 要在網頁中...

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

技術 JQuery Mobile 滑動換頁效果 -Day 15

利用手機滑動切換顯示內容。 下面分享滑動切換內容效果運用 ●html內容: ●利用JQuery Mobile swipe事件 $function(){...

鐵人賽 開發技術 DAY 18

技術 jQuery套件開發之(十七),實作drag的的部分

因為我的dialog想要有拖曳功能,先寫一個drag的測試頁面吧 <style> #drag { cursor: move ; po...