2015年繁忙的一月份，無(wú)更多時(shí)間去學(xué)習(xí)ASP.NET MVC程序，二月份又是中國(guó)的新年，長(zhǎng)達(dá)半個(gè)月的假期，望回到老家中，在無(wú)電腦無(wú)網(wǎng)絡(luò)的日子里，能有更多時(shí)間陪伴年邁的父母親。

今天學(xué)習(xí)jQuery的相關(guān)知識(shí)，應(yīng)用到圖片上，用戶(hù)點(diǎn)一點(diǎn)圖片，放大顯示圖片功能。

創(chuàng)建一個(gè)控制器FebY15Controller：

接下來(lái)創(chuàng)建視圖Index:

標(biāo)記1，添加圖片樣式：

標(biāo)記2，添加htm代碼，原片顯示以及放大圖片的占位div標(biāo)簽：

標(biāo)記3，引用jQuery類(lèi)庫(kù)。

標(biāo)記4，編寫(xiě)jQuery程序：

下面是動(dòng)態(tài)演示：

本篇中，可以學(xué)到j(luò)Query的click事件。使用標(biāo)簽.樣式類(lèi)獲取對(duì)象(img.thumb)。使用$(this)來(lái)代碼對(duì)象本身。.attr("scr")獲取圖片src圖片路徑。還有一個(gè)就是.animate()動(dòng)態(tài)事件。