注冊 | 登錄讀書好,好讀書,讀好書!
讀書網-DuShu.com
當前位置: 首頁出版圖書科學技術工業(yè)技術建筑科學建筑設計jQuery炫酷應用實例集錦

jQuery炫酷應用實例集錦

jQuery炫酷應用實例集錦

定 價:¥99.00

作 者: 羅帥,羅斌,汪明云
出版社: 清華大學出版社
叢編項:
標 簽: 程序設計 計算機/網絡

購買這本書可以去


ISBN: 9787302477198 出版時間: 2018-05-01 包裝: 平裝-膠訂
開本: 16開 頁數: 603 字數:  

內容簡介

  本書以問題描述+解決方案的模式介紹jQuery技術,列舉了四百余個實用性極強的Web前端開發(fā)技術,旨在幫助廣大讀者快速解決實際開發(fā)過程中面臨的諸多問題,提高項目開發(fā)效率、拓展技術應用領域。本書內容按照Web前端常用的界面元素進行劃分,如塊、單選按鈕、復選框、下拉框、文本框、選項卡、表格、菜單、圖片、動畫特效、超鏈接、窗口及消息框等; 以簡單明了的jQuery代碼創(chuàng)建了現代商務網站中高頻出現的特效,如折疊面板、懸浮窗口、側滑窗口、轉盤抽獎、輪播廣告、對聯(lián)廣告、地圖熱點、在線影院訂票、瀑布流顯示圖片、購物車以及插件擴展應用等。同時本書也在數據管理部分中列舉了大量的使用jQuery操作JSON、XML格式的數據和jQuery的多種遍歷迭代函數,以及正則表達式和Ajax的相關技術。為了突出實用性和簡潔性,本書在演示或描述這些實例時,力求針對性地解決問題,并且所有實例均配有插圖。本書適于作為Web前端開發(fā)人員的案頭參考書,無論是初學者,還是編程高手,本書都極具參考和收藏價值。

作者簡介

  羅帥、羅斌、汪明云

圖書目錄

第1章基礎實例

 

001以淡入淡出的效果顯示或隱藏元素

 

002以卷簾效果展開或收縮被選擇的元素

 

003根據可見狀態(tài)確定是否顯示或隱藏元素

 

004根據狀態(tài)確定是否滑入或滑出被選元素

 

005自動確定是否淡入淡出地顯示或隱藏元素

 

006在指定的時間內完成元素的顯示或隱藏

 

007查找并顯示在頁面中被隱藏的元素

 

008以動畫效果改變塊內多個元素的不同屬性

 

009使用分組選擇器操作不同元素的相同屬性

 

010判斷指定的元素是否嵌套在父元素里面

 

011獲取指定元素在同類元素中的索引位置

 

012將指定的事件和方法綁定到指定的元素

 

013將多個事件和方法同時綁定到指定元素

 

014為元素同時綁定多個事件及其響應方法

 

015為同類元素添加相同的事件響應方法

 

016為匹配元素的事件綁定一次性響應方法

 

017為動態(tài)生成的元素綁定其事件響應方法

 

018處理在容器中的指定元素事件是否冒泡

 

019為document綁定或解綁相關鼠標事件

 

020創(chuàng)建刪除動態(tài)生成的元素及自身的按鈕

 

021設置元素屬性創(chuàng)建只能單擊一次的按鈕

 

022在指定元素的后面補充相同類型的內容

 

023在被選元素的開始位置插入指定的內容

 

024在被選元素的前邊插入新的HTML標記

 

025在被選元素的末尾添加新的HTML標記

 

026清除元素的HTML標記同時保留元素內容

 

027判斷某個指定ID的HTML標記是否存在

 

028獲取outerHTML整個節(jié)點的HTML內容

 

029修改無序列表ul的首項末項及其指定項

 

030根據指定條件刪除無序列表ul的節(jié)點

 

031在相同結構的無序列表ul之間移動節(jié)點

 

032獲取在無序列表ul中任意位置的li元素

 

033獲取無序列表ul指定位置的節(jié)點內容

 

034獲取和設置在無序列表ul中的節(jié)點樣式

 

035根據父元素篩選并設置無序列表ul的節(jié)點

 

036在樹結構中查找離當前節(jié)點最近的父節(jié)點

 

037判斷鼠標是否單擊了無序列表ul的節(jié)點

 

038獲取在無序列表ul中的li元素的個數

 

039在無序列表ul中篩選有子級的li元素

 

040篩選無序列表ul的奇數或偶數行的li元素

 

041篩選無序列表ul的某行之前或之后的li元素

 

042在無序列表ul中實現根據內容篩選li元素

 

043在無序列表ul中倒序查找符合條件的li元素

 

044選擇無序列表ul某個li元素之前(后)的元素

 

045選擇無序列表ul指定范圍內的多個li元素

 

046根據輸入字符智能匹配符合要求的li元素

 

047在無序列表ul中每隔3行設置li元素的背景色

 

048為指定的元素添加或移除指定的CSS樣式

 

049在兩種不同風格的CSS樣式之間自動切換

 

第2章塊實例

 

050使用文檔操作方法動態(tài)插入一個DIV塊

 

051為動態(tài)新增DIV塊添加click事件響應方法

 

052使用新DIV塊替換舊DIV塊內的多個元素

 

053在一個DIV塊之前插入另一個DIV塊

 

054動態(tài)隱藏DIV塊并帶有動畫緩沖效果

 

055動態(tài)顯示或隱藏在DIV塊中包含的內容

 

056在DIV塊中以Ajax方式加載HTML文件

 

057獲取用戶在DIV塊中的鼠標單擊坐標值

 

058檢測用戶在DIV塊上執(zhí)行的鼠標單擊操作

 

059拖動分隔條改變左右兩個DIV塊的范圍

 

060拖動分隔條改變上下兩個DIV塊的范圍

 

061實現左右兩個不同DIV塊高度自動匹配

 

第3章單選按鈕實例

 

062根據值設置單選按鈕radio的默認選項

 

063判斷單選按鈕radio的某選項是否被選中

 

064獲取用戶在單選按鈕radio組中的選擇結果

 

065獲取兩組或多組單選按鈕radio的選擇結果

 

066通過圖片自定義單選按鈕radio的圓點符號

 

067通過圖片實現單選按鈕radio的勾選特效

 

 

第4章復選框實例

 

068設置指定復選框checkbox的選中狀態(tài)

 

069判斷指定復選框checkbox的選中狀態(tài)

 

070獲取已選擇的所有復選框checkbox

 

071獲取未選擇的所有復選框checkbox

 

072反選已選復選框checkbox之外的選項

 

073全選或全不選所有的復選框checkbox

 

074限制只能選有限個數的復選框checkbox

 

075選擇復選框checkbox的偶數項或奇數項

 

076取消或選中復選框checkbox的相鄰選項

 

077同步全選或多選復選框checkbox的狀態(tài)

 

078使用圖片自定義復選框checkbox的勾選

 

第5章下拉框實例

 

079根據值設置select下拉框的默認選項

 

080根據索引設置select下拉框的默認選項

 

081根據文本設置select下拉框的默認選項

 

082獲取select下拉框的已選中選項值

 

083獲取select下拉框的已選中選項索引

 

084獲取select下拉框的已選中選項文本

 

085獲取select下拉框的選項最大索引

 

086獲取select下拉框的選項個數

 

087在select下拉框中增加和刪除選項

 

088在select下拉框中插入新的選項

 

089在select下拉框中追加和清空選項

 

090取消選擇select下拉框的任何選項

 

091禁止選擇select下拉框的某個選項

 

092在select下拉框中滾動顯示選項

 

093自定義select下拉框的選項單擊事件

 

094在select下拉框中選擇多個選項

 

095逐行下移或上移select下拉框的選項

 

096在兩個select下拉框之間互相移動選項

 

097對select下拉框的選項進行分級分組

 

098頁面控件跟隨select下拉框的值而改變

 

099單擊select下拉框選項則跳轉到目標頁

 

100實現級聯(lián)select下拉框選項的聯(lián)動響應

 

101實現父子select下拉框選項的聯(lián)動響應

 

102使用觸發(fā)器觸動兩級select下拉框聯(lián)動

 

103實現三級select下拉框的順次聯(lián)動響應

 

104使用無序列表模仿select下拉框的功能

 

105使用無序列表和文本框模仿select下拉框

 

106創(chuàng)建允許用戶輸入數據的select下拉框

 

107通過新窗口為select下拉框增加新選項

 

108直接使用數組為select下拉框添加選項

 

109使用二維數組為select下拉框添加選項

 

110從JSON文件中加載select下拉框選項

 

第6章文本框實例

 

111獲取和設置用戶在文本框輸入的內容

 

112限制用戶必須在文本框中輸入數字

 

113在文本框中只能輸入浮點數或自然數

 

114限制在文本框中只能輸入數字字母

 

115禁止在文本框中輸入特殊字符或空格

 

116限制在文本框中能夠輸入的最多字符

 

117統(tǒng)計在文本框中可輸入的剩余字符數

 

118自動閃爍用戶在文本框中的輸入內容

 

119在文本框獲得焦點時高亮顯示其內容

 

120在驗證時實現抖動不符合要求的文本框

 

121監(jiān)控文本框在一段時間是否有輸入內容

 

122在超過文本框限制字符數時禁用提交按鈕

 

123在文本框中實現放大縮小以及上下滾動

 

124在文本框右邊懸浮一個內容輸入提示框

 

125在文本框中輸入郵箱時顯示輸入列表

 

126在空文本框失去焦點時恢復默認值

 

127在空文本框失去焦點時填補默認值

 

128在文本框為空白狀態(tài)時顯示提示信息

 

129在文本框的內部設置缺省提示信息

 

130比較簡略地在文本框中設置提示信息

 

131在textarea文本域的光標處插入文本

 

132獲取多個文本框的ID標識和輸入內容

 

133在多個文本框間通過回車鍵切換焦點

 

134將文本框的輸入內容轉換成二維碼

 

第7章選項卡實例

 

135創(chuàng)建可淡入淡出切換內容的選項卡

 

136創(chuàng)建以卷簾下拉式滑動的選項卡

 

137僅使用DIV塊創(chuàng)建縱向風格的選項卡

 

138使用無序列表和DIV塊創(chuàng)建水平選項卡

 

139創(chuàng)建嵌套型導航菜單風格的選項卡

 

140創(chuàng)建與滑動菜單風格類似的選項卡

 

141創(chuàng)建類似MSN中文網的滑動選項卡

 

142創(chuàng)建自動輪播顯示的垂直選項卡

 

143創(chuàng)建自動輪播顯示的水平選項卡

 

144創(chuàng)建自動輪播顯示的滑動選項卡

 

145創(chuàng)建按照流程順序執(zhí)行的選項卡

 

146創(chuàng)建城市名按拼音索引的選項卡

 

147創(chuàng)建類似于單選按鈕風格的選項卡

 

148創(chuàng)建類似于圖文結合按鈕的選項卡

 

第8章表格實例

 

149獲取和設置表格table的單元格文本內容

 

150獲取和設置表格table的單元格HTML內容

 

151獲取在表格table中鼠標單擊的單元格內容

 

152獲取表格table指定列的所有單元格內容

 

153獲取表格table指定列和行的單元格內容

 

154設置表格table首行和首列的背景顏色

 

155以隔行錯色的效果顯示表格table的數據

 

156在表格table中實現鼠標單行選擇效果

 

157當鼠標在表格table上移動時選擇整行

 

158高亮顯示表格table的鼠標所在當前行

 

159高亮顯示表格table的鼠標所在移動行

 

160使用多色不斷閃爍表格table的邊框線

 

161以嵌套方式動態(tài)生成多行多列表格table

 

162隱藏在表格table中的指定行和指定列

 

163根據條件隱藏或顯示表格table的部分行

 

164在表格table中實現逐行上移或逐行下移

 

165將指定行的內容移到表格table的頂部

 

166在表格table中動態(tài)插入行或刪除行

 

167在表格table中動態(tài)增加列和刪除列

 

168在表格table的每行設置增加和刪除按鈕

 

169在表格table中使用克隆的對象新增數據

 

170清空表格table除標題欄外的所有內容

 

171把表格table的所有數字轉換成百分數

 

172使用新建元素替換表格table的被選元素

 

173互換在表格table中的輸入框和文本標簽

 

174在表格table中合并相同內容的單元格

 

175允許編輯在表格table中的任意單元格

 

176在表格table的末尾實現自動增加空白行

 

177篩選在表格table中符合指定條件的內容

 

178篩選JSON數據源并顯示在表格table中

 

179篩選XML文件內容并顯示在表格table中

 

180單擊列頭排列在表格table中的該列數據

 

181以分組形式展開和折疊表格table的內容

 

182在懸浮框中放大顯示在表格table中的圖片

 

第9章菜單實例

 

183一行代碼實現的無限折疊或展開菜單

 

184創(chuàng)建自動折疊和展開的垂直導航菜單

 

185以鏈式方式創(chuàng)建的折疊垂直導航菜單

 

186以手風琴方式展開折疊的垂直導航菜單

 

187創(chuàng)建可收縮展開的多級垂直導航菜單

 

188創(chuàng)建卷簾式展開折疊的垂直導航菜單

 

189創(chuàng)建以卷簾風格縮放的垂直導航菜單

 

190創(chuàng)建圖片和文字結合的垂直導航菜單

 

191創(chuàng)建子菜單橫向滑出的垂直導航菜單

 

192創(chuàng)建子菜單圖文結合的垂直導航菜單

 

193創(chuàng)建帶指示符號的三級垂直導航菜單

 

194創(chuàng)建類似于bar滑動的水平導航菜單

 

195創(chuàng)建鼠標懸停背景翻轉的水平導航菜單

 

196創(chuàng)建水平滑動的異形背景的導航菜單

 

197創(chuàng)建水平方向滑動的二級橫向導航菜單

 

198實現背景色線性漸變的水平導航菜單

 

199高仿電商平臺的折疊展開的水平導航菜單

 

200在hover事件中實現的水平下拉式菜單

 

201在hover事件中控制的水平下拉式菜單

 

202在mouseover事件中控制的下拉式菜單

 

203創(chuàng)建高亮顯示的二級橫向導航菜單

 

204創(chuàng)建橫向和縱向都有動畫的下拉菜單

 

205創(chuàng)建有或無次級菜單結合的導航菜單

 

206創(chuàng)建類似于下拉窗簾的動態(tài)滑動菜單

 

207創(chuàng)建以翻滾方式切換的中英文菜單

 

208創(chuàng)建動感豐富的滑出圖片的導航菜單

 

209創(chuàng)建動感豐富的滑出文字的導航菜單

 

210實現類似于select下拉框的下拉式菜單

 

211創(chuàng)建小圖和大圖聯(lián)動的圖片導航菜單

 

212創(chuàng)建主菜單在圓心且子菜單在圓周的菜單

 

213高仿京東首頁的橫向展開的二級菜單

 

214高仿蘋果底部任務欄圖形大小漸變菜單

 

215在圖片上創(chuàng)建自定義的右鍵上下文菜單

 

216創(chuàng)建不隨滾動條改變的懸浮導航菜單

 

217單擊懸浮菜單滾動到指定的元素位置

 

218實現導航菜單的當前項跟隨鼠標飄移

 

219在鼠標單擊最右邊時浮動菜單自動左移

 

220為側邊導航菜單創(chuàng)建氣泡式的提示窗口

 

221禁止在右鍵單擊頁面時彈出的默認菜單

 

222實現從JSON中將數據加載到二級菜單

 

第10章圖片實例

 

223在鼠標放在圖片上時上下震動圖片

 

224在鼠標放在圖片上時左右擺動圖片

 

225使用圖片模擬QQ聊天窗口的抖動特效

 

226在使用鼠標單擊圖片時左右晃動圖片

 

227在鼠標指向圖片時浮出半透明的窗口

 

228在鼠標懸停圖片時浮出半透明的窗口

 

229在鼠標懸停圖片時滑出半透明的窗口

 

230在鼠標放在圖片上時滑出隱藏的窗口

 

231在鼠標放在圖片上時滑出上下遮罩層

 

232為圖片添加從下向上滑出的遮罩層

 

233在鼠標放在標題上時滑出對應的圖片

 

234當鼠標放在小圖上時即顯示對應的大圖

 

235高亮顯示鼠標選擇的圖片并使周圍變暗

 

236放大或縮小選擇的圖片并重置關聯(lián)樣式

 

237通過滑動鼠標的滾輪來放大或縮小圖片

 

238在圖片收縮和擴展時相關文字動態(tài)跟隨

 

239局部放大用戶在小圖片中選擇的部分

 

240創(chuàng)建從右上角向左下角拉出圖片的效果

 

241從左至右展開圖片和從右至左折疊圖片

 

242以動畫方式折疊圖片并改變透明度

 

243確保懸浮圖片一直在用戶的可視范圍內

 

244控制懸浮的廣告圖片是否隱藏或顯示

 

245拖動range控制圖片按照一定角度傾斜

 

246使用鼠標把圖片拖曳到頁面的任意位置

 

247在可任意拖曳的圖片上添加關閉功能

 

248在圖片周圍添加類似走馬燈的虛線框

 

249以瀑布流方式顯示已加載的多張圖片

 

250在滾動頁面時以瀑布流方式加載圖片

 

251使用鼠標單擊小圖片則彈出對應大圖片

 

252使用鼠標單擊縮略圖則播放對應視頻

 

253左右滑動鼠標來切換顯示兩張圖片

 

254以單張方式滾動顯示在圖庫中的圖片

 

255以成組方式滾動顯示在圖庫中的圖片

 

256以連續(xù)滾動方式顯示在圖庫中的圖片

 

257以無縫連續(xù)滾動方式顯示圖庫中的圖片

 

258以上一張下一張的方式顯示多張圖片

 

259成組的多張圖片以手風琴方式滑動切換

 

260實現大圖和小圖的自動輪播或指定顯示

 

261從上到下循環(huán)顯示在無序列表ul中的圖片

 

262高亮滾動切換圖片和文字混合的模塊

 

263輕量級無插件的廣告圖片輪播切換

 

264輕量級無插件的廣告圖片輪播顯示

 

265輕量級無插件的廣告圖片切換顯示

 

266輕量級無插件的圖片定時輪播顯示

 

267大圖片和縮略圖片同時實現自動輪播

 

268通過有序和無序列表控制圖片輪播

 

269懸浮前后導航按鈕的廣告圖片輪播

 

270同時實現自動輪播和縱向導航的圖片顯示

 

271分組批量顯示包含圖片和文字的組合體

 

272實現選中的商品圖片以拋物線飛入購物車

 

273創(chuàng)建適合書架階梯展示的圖片縮放特效

 

274在隨機排列圖片時顯示圖片的移動軌跡

 

275在執(zhí)行操作圖片前確保圖片加載完成

 

276根據圖片地址獲取圖片的高度和寬度

 

277在單擊圖片時自動切換到下一張圖片

 

278檢測鍵盤按鍵輸入來更換顯示的圖片

 

279強制圖片等元素位于頁面的中心位置

 

280在每隔一段時間后改變網頁背景圖片

 

281以不同方式設置頁面的背景圖片樣式

 

282通過插件實現小圖和大圖聯(lián)動的畫廊

 

第11章動畫實例

 

283以動畫效果從當前位置返回到指定位置

 

284在返回頁面頂部或底部時實現動畫效果

 

285實現類似點贊飛出數字 1的動畫效果

 

286實現類似點贊的隨機數字顯示動畫效果

 

287實現星級評分控件動態(tài)顯示等級及分數

 

288實現類似于撲克牌洗牌特效的翻頁相冊

 

289實現新聞標題的逐條漸隱漸顯滾動顯示

 

290實現新聞標題的逐行(屏)自動滾動顯示

 

291實現圖文標題的逐條循環(huán)自動滾動顯示

 

292通過層疊實現3D樣式的文字動畫效果

 

293實現類似于進度條的動態(tài)投票柱狀效果圖

 

294創(chuàng)建與頁面加載類似的簡易動畫進度條

 

295高仿360系統(tǒng)安全體檢風格的動畫進度條

 

296使用gDialog插件制作超酷動畫對話框

 

297通過回調函數實現多個動畫的不間斷執(zhí)行

 

298在多個動畫隊列中啟動動畫或停止動畫

 

299實現在隊列中的任務按指定時間延遲執(zhí)行

 

300以鏈式方式完成在動畫隊列中的多個動畫

 

第12章特效實例

 

301創(chuàng)建百分比和圖形變化聯(lián)動的進度條

 

302創(chuàng)建可暫停的數字和圖形聯(lián)動的進度條

 

303在同一按鈕上滾動實現多個按鈕的功能

 

304使用數學函數實現超炫超酷的鼠標軌跡

 

305創(chuàng)建不隨頁面滾動的懸浮對聯(lián)廣告特效

 

306高仿百度貼吧頂部不隨滾動條滾動的特效

 

307實現類似于九宮格大轉盤的隨機抽獎

 

308使用插件高仿中心旋轉指針的抽獎轉盤

 

309創(chuàng)建像飄浮的云一樣的隨機中獎特效

 

310使用插件實現在輸入框中彈出列表樹

 

311實現動態(tài)顯示圖像和文字結合的星級評分

 

312高仿城市地鐵線路指示燈的到站提示特效

 

313高仿電商平臺的切換全部和部分品牌特效

 

314實現類似于打字員打字的逐字輸入效果

 

315通過2D轉換創(chuàng)建連續(xù)旋轉縮放的文字塊

 

316創(chuàng)建從中心向左右展開的動感立體文字特效

 

317在鼠標滑過文章或新聞列表時突出顯示條目

 

318實現多行公告文字從下到上逐行滾動顯示

 

319實現圖文標題淡入淡出地逐條循環(huán)顯示

 

320實現新聞標題按照分組從上到下循環(huán)顯示

 

321實現單行公告信息文字從右到左滾動顯示

 

322使用DIV塊創(chuàng)建循環(huán)顯示的跑馬燈文字特效

 

323通過marquee創(chuàng)建跑馬燈文字的滾動特效

 

324實現左右來回跑馬的蕩秋千似的文字特效

 

第13章超鏈接實例

 

325使用屬性過濾器篩選超鏈接的開始部分

 

326使用屬性過濾器篩選超鏈接的結尾部分

 

327使用屬性過濾器篩選超鏈接的首尾部分

 

328使用屬性過濾器篩選超鏈接的指定屬性

 

329使用屬性過濾器篩選超鏈接的指定屬性值

 

330使用屬性過濾器篩選超鏈接的屬性部分值

 

331使用過濾器篩選非指定屬性值的超鏈接

 

332單擊超鏈接顯示長文本的部分和全部內容

 

333在打開超鏈接所指向的網頁時開啟新窗口

 

334在單擊超鏈接跳轉主頁面時彈出廣告窗口

 

335定時關閉在單擊超鏈接時彈出的廣告窗口

 

336在單擊一個超鏈接時彈出多個廣告窗口

 

337實現鼠標懸停在超鏈接上時滑出下拉窗口

 

338當鼠標懸停在超鏈接上時浮出圖片文字框

 

339通過自定義函數為超鏈接添加圖文提示框

 

340為高仿按鈕的超鏈接創(chuàng)建懸浮提示信息框

 

341為超鏈接創(chuàng)建帶動畫效果的自定義動畫提示

 

342實現在鼠標懸停超鏈接時半透明顯示圖片

 

343在鼠標懸停超鏈接時以翻牌動畫切換狀態(tài)

 

344彈出定制的瀏覽器新窗口顯示超鏈接頁面

 

345禁止頁面內的所有超鏈接跳轉到目標頁面

 

346高仿百度聯(lián)盟廣告的metro風格的主題鏈接

 

347實現把超鏈接變?yōu)?D風格的Windows按鈕

 

348使用備用圖片替換不正確的圖片鏈接

 

第14章窗口實例

 

349創(chuàng)建四周灰暗但中心高亮的遮罩層

 

350創(chuàng)建居中半透明效果顯示的遮罩層

 

351創(chuàng)建在彈出時帶遮罩層的自定義消息框

 

352創(chuàng)建影院在線訂票訂座的可視購票窗口

 

353創(chuàng)建熱氣球穿透飛行效果的登錄窗口

 

354當鼠標懸停在元素上時浮出關聯(lián)窗口

 

355創(chuàng)建不隨滾動條滾動而改變的客服窗口

 

356創(chuàng)建不隨滾動條滾動而改變的在線窗口

 

357在頁面左右兩側懸浮兩個對稱廣告窗口

 

358創(chuàng)建感應鼠標變化的抽屜式滑動窗口

 

359在頁面左側創(chuàng)建抽屜式的在線客服窗口

 

360當鼠標經過地圖熱點時顯示信息窗口

 

361在顯示或關閉頁面時彈出廣告窗口

 

362為頁面上的元素創(chuàng)建一個懸浮提示框

 

363在單個文件中創(chuàng)建主窗口和彈出窗口

 

364創(chuàng)建從右上角向左下角滑出的消息框

 

365創(chuàng)建從左上角向右下角滑出的消息框

 

366創(chuàng)建帶陰影效果的三角形指示符的提示框

 

367使用菱形字符創(chuàng)建三角形指示符的消息框

 

368在訪客關閉網頁前彈出確認離開的消息框

 

369創(chuàng)建類似于折疊展開菜單的折疊面板

 

370創(chuàng)建與卷簾風格類似的折疊展開面板

 

371創(chuàng)建類似于手風琴伸縮效果的折疊面板

 

第15章數據管理實例

 

372使用正則表達式去掉日期的首位0字符

 

373使用正則表達式校驗日期格式的字符串

 

374使用正則表達式校驗字符串是否是數字

 

375使用正則表達式提取在字符串中的數字

 

376使用正則表達式清除字符串的首尾空格

 

377使用正則表達式清除字符串的標點符號

 

378使用正則表達式清除字符串的重復內容

 

379使用正則表達式清除字符串的非數字字符

 

380使用正則表達式統(tǒng)計中文字符的數量

 

381使用正則表達式獲取顏色的十六進制值

 

382使用正則表達式把單詞首字母轉換為大寫

 

383解析在XML中的每個對象及其子對象

 

384解析在XML中的每個對象的每個屬性

 

385使用ajax()方法解析XML文件及節(jié)點名稱

 

386使用jQuery底層ajax()方法讀取XML文件

 

387直接讀取并輸出在XML中的數據內容

 

388實現從XML中將數據加載到列表視圖

 

389解析在JSON字符串中的多個對象

 

390解析在JSON字符串中的每個元素

 

391解析在JSON字符串中的部分數據

 

392解析在JSON字符串中的數組數據

 

393解析在JSON格式文件中的每個元素

 

394解析在JSON字符串中的二維數組

 

395以二維數組的方式直接訪問JSON字符串

 

396使用jQuery底層ajax()方法讀取JSON文件

 

397使用ajax()方法讀取文本文件的內容

 

398根據元素值查找元素在數組中的索引值

 

399根據元素索引和元素值篩選數組元素

 

400根據索引和值篩選并批量修改數組元素

 

401使用each()方法遍歷對象的每個屬性

 

402使用each()方法遍歷數組的每個元素

 

403使用map()方法獲取選中checkbox選項

 

404把阿拉伯數字金額轉換成大寫金額漢字

 

405根據身份證號碼解析性別和出生日期

 

406實現密碼輸入框三級強度的安全驗證

 

第16章其他實例

 

407在主頁面為子框架IFrame動態(tài)新增控件

 

408在主頁面模擬單擊IFrame子框架的按鈕

 

409在主頁面獲取子框架IFrame的文本框內容

 

410操控在二級子框架IFrame中的checkbox

 

411從子框架IFrame操控主頁面的checkbox

 

412使用cookie保存和讀取非長期性的數據

 

413設置有效期的cookie和強制cookie失效

 

414在頁面上即時顯示當前日期和時間信息

 

415在頁面上即時顯示當前日期及星期信息

 

416使用插件實現下拉式的日期時間選擇

 

417使用鼠標在非插件萬年歷中選擇日期

 

418在帶有節(jié)氣的農歷中使用鼠標選擇日期

 

419自動匯總在購物車中的所有商品金額

 

420獲取document和body的高度和寬度

 

421自動滑動滾動條到某個指定的元素位置

 

422在超長頁面中快速從底部返回到頂部

 

423禁止瀏覽器的滾動條滾動指定的文字塊

 

424在限定范圍內禁止?jié)L輪滑動引發(fā)頁面滾動

 

425在指定的時間內自動關閉當前顯示頁面

 

426在每隔一段時間之后改變頁面的背景顏色

 

427動態(tài)增加或減小在頁面中的字體尺寸大小

 

428過濾HTML標簽并高亮顯示指定的關鍵字

 

429禁止訪客選擇網頁文本內容進行復制粘貼

 

430允許鼠標把文字塊拖曳到頁面的任意位置

 

431在執(zhí)行特定操作前禁止提交操作按鈕

 

432禁用表單默認的單擊回車鍵即提交的功能

 

433禁用或啟用默認的使用鼠標選擇文本功能

 

434禁用或啟用F5鍵默認的網頁重新加載功能

 

435在有新消息時自動閃爍瀏覽器的標題欄

 

436實現在線人數等即時數據的動態(tài)刷新

 

437顯示倒計時剩余時間并在為0時關閉廣告

 

438使用省略號截斷新聞標題的超長字符串

 

439在上傳前檢測用戶選擇的上傳文件類型

 

440實現將用戶選擇的文本發(fā)送到新浪微博

 

441基于新浪API等獲取來訪者所在省份和城市

 

442在jQuery中新增自定義的擴展方法


本目錄推薦

掃描二維碼
Copyright ? 讀書網 www.shuitoufair.cn 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網安備 42010302001612號