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

jQuery炫酷應用實例集錦

jQuery炫酷應用實例集錦

定 價:¥99.00

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

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

內(nèi)容簡介

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

作者簡介

  羅帥、羅斌、汪明云

圖書目錄

第1章基礎實例

 

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

 

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

 

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

 

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

 

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

 

006在指定的時間內(nèi)完成元素的顯示或隱藏

 

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

 

008以動畫效果改變塊內(nèi)多個元素的不同屬性

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

022在指定元素的后面補充相同類型的內(nèi)容

 

023在被選元素的開始位置插入指定的內(nèi)容

 

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

 

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

 

026清除元素的HTML標記同時保留元素內(nèi)容

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

042在無序列表ul中實現(xiàn)根據(jù)內(nèi)容篩選li元素

 

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

 

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

 

045選擇無序列表ul指定范圍內(nèi)的多個li元素

 

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

 

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

 

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

 

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

 

第2章塊實例

 

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

 

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

 

052使用新DIV塊替換舊DIV塊內(nèi)的多個元素

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

061實現(xiàn)左右兩個不同DIV塊高度自動匹配

 

第3章單選按鈕實例

 

062根據(jù)值設置單選按鈕radio的默認選項

 

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

 

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

 

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

 

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

 

067通過圖片實現(xiàn)單選按鈕radio的勾選特效

 

 

第4章復選框?qū)嵗?/p>

 

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

 

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

 

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

 

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

 

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

 

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

 

074限制只能選有限個數(shù)的復選框checkbox

 

075選擇復選框checkbox的偶數(shù)項或奇數(shù)項

 

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

 

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

 

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

 

第5章下拉框?qū)嵗?/p>

 

079根據(jù)值設置select下拉框的默認選項

 

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

 

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

 

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

 

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

 

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

 

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

 

086獲取select下拉框的選項個數(shù)

 

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下拉框選項則跳轉(zhuǎn)到目標頁

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

第6章文本框?qū)嵗?/p>

 

111獲取和設置用戶在文本框輸入的內(nèi)容

 

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

 

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

 

114限制在文本框中只能輸入數(shù)字字母

 

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

 

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

 

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

 

118自動閃爍用戶在文本框中的輸入內(nèi)容

 

119在文本框獲得焦點時高亮顯示其內(nèi)容

 

120在驗證時實現(xiàn)抖動不符合要求的文本框

 

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

 

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

 

123在文本框中實現(xiàn)放大縮小以及上下滾動

 

124在文本框右邊懸浮一個內(nèi)容輸入提示框

 

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

 

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

 

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

 

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

 

129在文本框的內(nèi)部設置缺省提示信息

 

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

 

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

 

132獲取多個文本框的ID標識和輸入內(nèi)容

 

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

 

134將文本框的輸入內(nèi)容轉(zhuǎn)換成二維碼

 

第7章選項卡實例

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

第8章表格實例

 

149獲取和設置表格table的單元格文本內(nèi)容

 

150獲取和設置表格table的單元格HTML內(nèi)容

 

151獲取在表格table中鼠標單擊的單元格內(nèi)容

 

152獲取表格table指定列的所有單元格內(nèi)容

 

153獲取表格table指定列和行的單元格內(nèi)容

 

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

 

155以隔行錯色的效果顯示表格table的數(shù)據(jù)

 

156在表格table中實現(xiàn)鼠標單行選擇效果

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

164在表格table中實現(xiàn)逐行上移或逐行下移

 

165將指定行的內(nèi)容移到表格table的頂部

 

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

 

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

 

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

 

169在表格table中使用克隆的對象新增數(shù)據(jù)

 

170清空表格table除標題欄外的所有內(nèi)容

 

171把表格table的所有數(shù)字轉(zhuǎn)換成百分數(shù)

 

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

 

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

 

174在表格table中合并相同內(nèi)容的單元格

 

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

 

176在表格table的末尾實現(xiàn)自動增加空白行

 

177篩選在表格table中符合指定條件的內(nèi)容

 

178篩選JSON數(shù)據(jù)源并顯示在表格table中

 

179篩選XML文件內(nèi)容并顯示在表格table中

 

180單擊列頭排列在表格table中的該列數(shù)據(jù)

 

181以分組形式展開和折疊表格table的內(nèi)容

 

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

 

第9章菜單實例

 

183一行代碼實現(xiàn)的無限折疊或展開菜單

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

197創(chuàng)建水平方向滑動的二級橫向?qū)Ш讲藛?/p>

 

198實現(xiàn)背景色線性漸變的水平導航菜單

 

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

 

200在hover事件中實現(xiàn)的水平下拉式菜單

 

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

 

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

 

203創(chuàng)建高亮顯示的二級橫向?qū)Ш讲藛?/p>

 

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

 

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

 

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

 

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

 

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

 

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

 

210實現(xiàn)類似于select下拉框的下拉式菜單

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

218實現(xiàn)導航菜單的當前項跟隨鼠標飄移

 

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

 

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

 

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

 

222實現(xiàn)從JSON中將數(shù)據(jù)加載到二級菜單

 

第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確保懸浮圖片一直在用戶的可視范圍內(nèi)

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

260實現(xiàn)大圖和小圖的自動輪播或指定顯示

 

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

 

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

 

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

 

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

 

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

 

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

 

267大圖片和縮略圖片同時實現(xiàn)自動輪播

 

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

 

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

 

270同時實現(xiàn)自動輪播和縱向?qū)Ш降膱D片顯示

 

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

 

272實現(xiàn)選中的商品圖片以拋物線飛入購物車

 

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

 

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

 

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

 

276根據(jù)圖片地址獲取圖片的高度和寬度

 

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

 

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

 

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

 

280在每隔一段時間后改變網(wǎng)頁背景圖片

 

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

 

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

 

第11章動畫實例

 

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

 

284在返回頁面頂部或底部時實現(xiàn)動畫效果

 

285實現(xiàn)類似點贊飛出數(shù)字 1的動畫效果

 

286實現(xiàn)類似點贊的隨機數(shù)字顯示動畫效果

 

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

 

288實現(xiàn)類似于撲克牌洗牌特效的翻頁相冊

 

289實現(xiàn)新聞標題的逐條漸隱漸顯滾動顯示

 

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

 

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

 

292通過層疊實現(xiàn)3D樣式的文字動畫效果

 

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

 

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

 

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

 

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

 

297通過回調(diào)函數(shù)實現(xiàn)多個動畫的不間斷執(zhí)行

 

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

 

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

 

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

 

第12章特效實例

 

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

 

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

 

303在同一按鈕上滾動實現(xiàn)多個按鈕的功能

 

304使用數(shù)學函數(shù)實現(xiàn)超炫超酷的鼠標軌跡

 

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

 

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

 

307實現(xiàn)類似于九宮格大轉(zhuǎn)盤的隨機抽獎

 

308使用插件高仿中心旋轉(zhuǎn)指針的抽獎轉(zhuǎn)盤

 

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

 

310使用插件實現(xiàn)在輸入框中彈出列表樹

 

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

 

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

 

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

 

314實現(xiàn)類似于打字員打字的逐字輸入效果

 

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

 

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

 

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

 

318實現(xiàn)多行公告文字從下到上逐行滾動顯示

 

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

 

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

 

321實現(xiàn)單行公告信息文字從右到左滾動顯示

 

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

 

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

 

324實現(xiàn)左右來回跑馬的蕩秋千似的文字特效

 

第13章超鏈接實例

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

332單擊超鏈接顯示長文本的部分和全部內(nèi)容

 

333在打開超鏈接所指向的網(wǎng)頁時開啟新窗口

 

334在單擊超鏈接跳轉(zhuǎn)主頁面時彈出廣告窗口

 

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

 

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

 

337實現(xiàn)鼠標懸停在超鏈接上時滑出下拉窗口

 

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

 

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

 

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

 

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

 

342實現(xiàn)在鼠標懸停超鏈接時半透明顯示圖片

 

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

 

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

 

345禁止頁面內(nèi)的所有超鏈接跳轉(zhuǎn)到目標頁面

 

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

 

347實現(xiàn)把超鏈接變?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在頁面左右兩側(cè)懸浮兩個對稱廣告窗口

 

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

 

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

 

360當鼠標經(jīng)過地圖熱點時顯示信息窗口

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

368在訪客關閉網(wǎng)頁前彈出確認離開的消息框

 

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

 

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

 

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

 

第15章數(shù)據(jù)管理實例

 

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

 

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

 

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

 

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

 

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

 

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

 

378使用正則表達式清除字符串的重復內(nèi)容

 

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

 

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

 

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

 

382使用正則表達式把單詞首字母轉(zhuǎn)換為大寫

 

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

 

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

 

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

 

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

 

387直接讀取并輸出在XML中的數(shù)據(jù)內(nèi)容

 

388實現(xiàn)從XML中將數(shù)據(jù)加載到列表視圖

 

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

 

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

 

391解析在JSON字符串中的部分數(shù)據(jù)

 

392解析在JSON字符串中的數(shù)組數(shù)據(jù)

 

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

 

394解析在JSON字符串中的二維數(shù)組

 

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

 

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

 

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

 

398根據(jù)元素值查找元素在數(shù)組中的索引值

 

399根據(jù)元素索引和元素值篩選數(shù)組元素

 

400根據(jù)索引和值篩選并批量修改數(shù)組元素

 

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

 

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

 

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

 

404把阿拉伯數(shù)字金額轉(zhuǎn)換成大寫金額漢字

 

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

 

406實現(xiàn)密碼輸入框三級強度的安全驗證

 

第16章其他實例

 

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

 

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

 

409在主頁面獲取子框架IFrame的文本框內(nèi)容

 

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

 

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

 

412使用cookie保存和讀取非長期性的數(shù)據(jù)

 

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

 

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

 

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

 

416使用插件實現(xiàn)下拉式的日期時間選擇

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

425在指定的時間內(nèi)自動關閉當前顯示頁面

 

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

 

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

 

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

 

429禁止訪客選擇網(wǎng)頁文本內(nèi)容進行復制粘貼

 

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

 

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

 

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

 

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

 

434禁用或啟用F5鍵默認的網(wǎng)頁重新加載功能

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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


本目錄推薦

掃描二維碼
Copyright ? 讀書網(wǎng) www.afriseller.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號