郭亞東

北京信息職業(yè)技術(shù)學(xué)院 北京 100018

網(wǎng)頁美工中jQuery技術(shù)運用分析及研究

郭亞東

北京信息職業(yè)技術(shù)學(xué)院 北京 100018

jQuery是一種專業(yè)的技術(shù)，這項技術(shù)在網(wǎng)絡(luò)建設(shè)中的應(yīng)用將能夠有效提升實際工作水平。在網(wǎng)頁美工設(shè)計中這項技術(shù)的應(yīng)用將能夠?qū)崿F(xiàn)精準(zhǔn)簡單查詢，同時它還具有多種插件，這些插件的應(yīng)用也將能夠起到非常重要的目的。在新形勢下為了能夠有效提升網(wǎng)站水平就必須要采取科學(xué)合理應(yīng)用jQuery技術(shù)。

jQuery技術(shù)；網(wǎng)頁美工；圖片放大

一、jQuery技術(shù)介紹

對于這種技術(shù)應(yīng)該了解其語法，只有真正掌握其語法才能夠?qū)崿F(xiàn)科學(xué)合理應(yīng)用，從選擇起來看jQuery技術(shù)的選擇器是精準(zhǔn)簡單的，在工作中其語言選擇對象簡潔方便、精準(zhǔn)細致。通過采用這樣一種技術(shù)將能夠使得用戶能夠非常方便地選擇DOM中任何元素。這樣更有助于提升實際效果。

二、搭建使用環(huán)境

在實際工作中有一點需要注意的是，jQuery自動提示代碼往往需要得到Dremweaver的支持，為了達到這一目的就需要下載Query_API.mxp類似的插件，要把該插件成功安裝，在此之后重啟Dremweaver就可以了，通過這樣一種方式將能夠?qū)崿F(xiàn)科學(xué)運行，這樣將最終有助于達到目的。

三、實際運用

（一）實現(xiàn)圖片放大效果。網(wǎng)頁中經(jīng)常需要把圖片放大，為了達到這一效果就需要應(yīng)用到j(luò)Query技術(shù)。為了實現(xiàn)這一效果，在實際應(yīng)用過程中就需要考慮多方面影響因素。首先是要把鼠標(biāo)坐標(biāo)找出來。通常是要利用function（e）函數(shù)來獲取鼠標(biāo)坐標(biāo)的，對于鼠標(biāo)橫坐標(biāo)則是利用e.pageX來獲得，縱坐標(biāo)則是通過e.pageY來獲得。其次就是要對小框坐標(biāo)位置進行精確計算，需要注意的是在計算之前對于鼠標(biāo)是不是在小圖范圍內(nèi)還需要進行認(rèn)真判斷，如果鼠標(biāo)不再圖片范圍內(nèi)，此時小框就不會顯示出來。此種情況下就需要利用if語句來完成這一功能。要通過詳細計算最終推導(dǎo)出鼠標(biāo)在圖片中的坐標(biāo)位置，通過詳細計算之后就能夠得到圖片的相對位置，除此之外對于具體數(shù)值是不是在圖片數(shù)值范圍內(nèi)還需要進行有效判斷。

（二）實現(xiàn)圖片循環(huán)滾動切換效果。為了滿足需要，在工作中還必須要能夠?qū)崿F(xiàn)圖片循環(huán)滾動切換效果，具體而言通過以下方式實現(xiàn)：

jQuery在網(wǎng)頁美工中的應(yīng)用具有非常重要的意義，在實際工作中這項技術(shù)的應(yīng)用將能夠?qū)崿F(xiàn)圖片放大和圖片滾動功能，這樣就能夠使得網(wǎng)頁變得更具人性化，用戶操作起來也就會變得更為方便。為了能夠滿足實際需要，在今后必須要采取有效措施來加強對這方面的研究，要科學(xué)合理利用這項技術(shù)，這樣才能夠滿足日益復(fù)雜的需要。

[1]王龍軍.基于jQuery與CSS的提示層在圖書館門戶系統(tǒng)中的應(yīng)用[J].電腦編程技巧與維護,2013(24).

[2]田軍.淺談jQuery技術(shù)在Web開發(fā)中的應(yīng)用[J].電子世界,2012(24).

[3]張以文,蔡雨豪,李學(xué)俊,錢付蘭. 基于jQuery三層架構(gòu)的網(wǎng)絡(luò)化教學(xué)平臺設(shè)計與實現(xiàn)[J].中國教育信息化?基礎(chǔ)教育,2015(7).

郭亞東(1973-)，女，漢，北京，講師，碩士，從事計算機信息管理，數(shù)據(jù)分析，軟件開發(fā)與設(shè)計的研究。