網頁美工中jQuery技術運用分析及研究

郭亞東

北京信息職業技術學院 北京 100018

網頁美工中jQuery技術運用分析及研究

郭亞東

北京信息職業技術學院 北京 100018

jQuery是一種專業的技術，這項技術在網絡建設中的應用將能夠有效提升實際工作水平。在網頁美工設計中這項技術的應用將能夠實現精準簡單查詢，同時它還具有多種插件，這些插件的應用也將能夠起到非常重要的目的。在新形勢下為了能夠有效提升網站水平就必須要采取科學合理應用jQuery技術。

jQuery技術；網頁美工；圖片放大

一、jQuery技術介紹

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

二、搭建使用環境

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

三、實際運用

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

（二）實現圖片循環滾動切換效果。為了滿足需要，在工作中還必須要能夠實現圖片循環滾動切換效果，具體而言通過以下方式實現：

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

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

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

[3]張以文,蔡雨豪,李學俊,錢付蘭. 基于jQuery三層架構的網絡化教學平臺設計與實現[J].中國教育信息化?基礎教育,2015(7).

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