天天看點

開發中可能會用到的幾個 jQuery 小提示和技巧

  今天我們選取了幾個隊 jQuery 開發人員非常有用的代碼片段。希望你的下一個項目中能用得上這些代碼。

您可能感興趣的相關文章

<a href="http://www.cnblogs.com/lhb25/p/2013-top-ten-blog-posts.html" target="_blank">2013年最受歡迎的10篇前端開發博文</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html" target="_blank">35個讓人驚訝的 CSS3 動畫效果示範</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html" target="_blank">8個驚豔的 HTML5 和 JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25/p/web-design-trends-in-2014.html" target="_blank">2014年最值得關注的網頁設計流行趨勢</a>

<a href="http://www.cnblogs.com/lhb25/p/8-amazing-codepen-demos.html" target="_blank">小夥伴們驚呆了!8個超炫的 Web 效果</a>

  在開發 Web 應用的時候,有些情況需要禁用右鍵單擊功能。使用此代碼,jQuery 開發人員可以在網頁上禁用滑鼠右鍵點選。代碼如下:

  使用下面的代碼,使用者可以更具需要增大或者縮放網頁中的字型大小,代碼如下:

  使用這個 jQuery 代碼,使用者會點選你的網站的任何連結都會在新的視窗中打開。如下:

  你知道網站換膚是怎麼做的嗎?下面的代碼可以幫助你實作樣式表切換功能,如下:

這是現在網站中很常用的回到頂部功能,特别适合頁面很長的情況。代碼很簡單,如下:

  下面的代碼可以擷取滑鼠的 X,Y 坐标,代碼如下:

  使用下面的代碼,能夠在任何支援 jQuery 的地方擷取目前滑鼠的坐标,如下:

  這個圖檔預加載片段讓你能夠快速的預先載入圖檔,不需要等待。代碼如下:

  調用方法:

  判斷圖檔是否已加載:

  

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/13/jquery-image-effects-plugins.html" target="_blank">精心挑選的美輪美奂的 jQuery 圖檔特效插件</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html" target="_blank">精心挑選的優秀jQuery Ajax分頁插件和教程</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/06/jquery-text-effects-plugins.html" target="_blank">精心挑選的優秀 jQuery 文本特效插件和教程</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/01/31/8-responsive-jquery-slider-plugins.html" target="_blank">8款非常棒的響應式 jQuery 幻燈片插件推薦</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/21/jquery-accordion-tutorials.html" target="_blank">精心挑選12款優秀 jQuery 手風琴插件和教程</a>

繼續閱讀