其他

 jquery.gridrotator是一款非常實用的響應式圖片展示畫廊外掛程式。這款圖片展示畫廊外掛程式將圖片像網格一樣排列，然後隨機將某個格子中的圖片翻轉顯示另一張圖片。共有6種效果。HTML結構:HTML結構非常簡單。<div id="ri-grid" class="ri-grid ri-grid-size-1 ri-shadow"> <ul> <li><a href="#"><img

本文執行個體講述了jquery分析文本裡url或郵件地址為真實連結的方法。分享給大家供大家參考。具體如下：這段代碼可以分析出文本裡的所有超級連結，包含郵件、url、#連結等等，並分別輸出為真實連結地址$.fn.tweetify = function() { this.each(function() { $(this).html( $(this).html() .replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9

本文執行個體講述了JQuery實現的圖文自動輪播效果外掛程式。分享給大家供大家參考。具體如下：intervalID = setInterval(cycleImage, slidetime);$(".main_image .desc").show(); // 展示圖片$(".main_image .block").animate({ opacity: 0.85 }, 1 ); // 設定透明度//點擊和懸停事件$(".image_thumb ul

////////////////////////////////////////////////////////////////// // options 是請求的選項 // // originalOptions 值作為提供給Ajax方法未經修改的選項，因此，沒有ajaxSettings設定中的預設值 // // jqXHR 是請求的jqXHR對象 // ///////////////////////

本文執行個體講述了動態載入jQuery的方法。分享給大家供大家參考。具體如下：function checkJquery() { if(!(window.jQuery)) { var s = document.createElement('script'); s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'); s.setAttribute('type',

在jQuery中,工具函數是指直接依附於jQuery對象,針對jQuery對象本身定義的方法,即全域性的,我們統稱為工具函數,或Utilites函數主要作用於：字串、數組、對象API:工具函數調用格式: 

廢話不多說，首先把源碼分享給大家。//ajax支援庫/*!** Unobtrusive Ajax support library for jQuery** Copyright (C) Microsoft Corporation. All rights reserved.*//*jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true,

本文執行個體講述了jQuery實現自動調整字型大小的方法。分享給大家供大家參考。具體分析如下：這裡使用一個jQuery函數，自動更改元素中的文本的字型大小。$.fn.fontfit = function(max) { var max_size = 18; if (typeof(max) == "undefined") max = max_size; $(this).wrapInner('<div id="fontfit"></div>'); var

html代碼：<tr> <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>"></td> <td><?=$item['mtaccount_id']?></td> <td><?=$item['account_id']?></td&

首先看一下在jQuery1.7.1中定義的原型屬性和方法有哪些？首先是constructor屬性 相信熟悉js物件導向部分的開發人員都熟悉，就是用來返回對象屬性建立的函數，舉個簡單的例子：function Person(){}; var person=new Person(); alert(person.constructor); //function

jQuery 遍曆函數包括了用於篩選、尋找和串聯元素的方法。函數 描述.add() 將元素添加到匹配元素的集合中。.andSelf() 把堆棧中之前的元素集添加到當前集合中。.children() 獲得匹配元素集合中每個元素的所有子項目。.closest() 從元素本身開始，逐級向上階項目匹配，並返回最先匹配的祖先元素。.contents() 獲得匹配元素集合中每個元素的子項目，包括文本和注釋節點。.each() 對 jQuery 對象進行迭代，為每個匹配元素執行函數。.end()

現在很多網站不僅是介紹，更多的是有一些功能，怎麼樣讓客戶快速的知道網站有哪些功能呢？這裡pagewalkthrough.js外掛程式能幫我們實現，它是一個輕量級的jQuery外掛程式，它可以協助我們建立一個遮罩引導層，實現頁面功能引導功能，引導完成顯示頁面內容。html代碼：<div id="walkthrough-content"> <div id="walkthrough-1"> <h3>歡迎來到網頁引導樣本DEMO示範頁</h3>

習慣了bind，用慣了live，就不習慣delegate了呀有木有...支援為動態產生的標籤元素繫結事件也許就live和delegate了吧，不過新版本已經不支援live了，只有delegatedelegate真的比較特殊呀，不同於其他事件綁定的風格。就因為習慣了之前的bind風格..栽了跟頭簡單的說就是大意了。delegate() 方法為指定的元素（屬於被選元素的子項目）添加一個或多個事件處理常式，並規定當這些事件發生時啟動並執行函數。使用 delegate()

本文執行個體講述了jQuery類比駭客帝國矩陣效果的方法。分享給大家供大家參考。具體實現方法如下：html部分如下：<div id="container"> <div style="width:10px; word-break :break-all"> 10001001110010010010000 </div> <div style="width:10px; word-break

本文執行個體講述了JQuery實現滑鼠移動圖片顯示描述層的方法。分享給大家供大家參考。具體如下：這裡可結合 JQuery easing 的動畫來配合使用。主要代碼如下：$(".item").hover(function(){//$(this).children("img").stop().animate({opacity: 0.8}, 700, "easeInSine");$(this).children("div.title").stop().animate({top: 0}, 700,

本文執行個體講述了jquery移動點擊的項目到列表最頂端的方法。分享給大家供大家參考。具體實現方法如下：<ul> <li>one</li> <li>two</li> <li>three</li></ul>如果點擊two，則two這一行會移動到列表的最上方$("li").click(function() {

本文執行個體講述了jQuery尋找n以內完全數的方法。分享給大家供大家參考。具體分析如下：數的完滿取決於它的因數（能整除原數的那些數）。例如：12的因數是1，2，3，4和6。當一個數的各因數之和大於該數本身時，該數稱為“盈”數。於是12是一個盈數，因為它的因數加起來等於16。另一方面，當一個數的因數之和小於該數本身時，該數稱為“虧”數。所以10是一個虧數，因為它的因數（1，2和5）加起來只等於8。最有意義和最少見的數是那些其因數之和恰好等於其本身的數，這些數就是完滿數。--

本文執行個體講述了jQuery裡filter()函數與find()函數用法。分享給大家供大家參考。具體分析如下：$("div .cont");等價於$("div").find(".cont")filter()函數是作用在集合的每一個對象($(這裡是什麼得到的就是什麼))上，find()函數是在每一個對象內部尋找匹配運算式的子項目例子：<div class="cont"><p

本文執行個體講述了jQuery可見度過濾器：hidden和：visibility用法。分享給大家供大家參考。具體分析如下：:hidden匹配所有隱藏元素，如果使用css的visibility屬性讓元素不顯示但是佔位，則不屬於hidden了尋找display:none的tr元素，$("tr:hidden"):visible匹配所有可見元素尋找所有display不為none的元素，$("tr:visible")例子：<tr

本文執行個體講述了jquery分割字串的方法。分享給大家供大家參考。具體如下：一、問題：返回的資料是字串用特殊字元@分割sss@vvv，怎麼返回給2個id$("#a").text(data)$("#b").text(data)怎麼讓他們同時顯示，分別對應字串的2個部分 a對應sss，b對應vvv二、解決方案：var arr =