其他

本文執行個體講述了jQuery監控文字框事件並作相應處理的方法。分享給大家供大家參考。具體如下：//事情委託$(document) .on('input propertychange', '#query', function(){ var input = $(this).val(); show(input); }); var show = function(txt){ var info = '監聽：<b>' + txt + '</b><br /><

更改框體主要用到的是更改系統的內建控制項winpop下面是winpop具體代碼(function(window, jQuery, undefined) { var HTMLS = { ovl: '<div class="J_WinpopMask winpop-mask" id="J_WinpopMask"></div>' + '<div class="J_WinpopBox winpop-box" id="J_WinpopBox">' +

有時在網頁中要加入一個線上測試功能，例如線上調查，線上測試各類知識等應用，這類應用需要用到很多前後端技能。今天我給大家分享一個基於jQuery的前端應用——測試答題功能。HTML首先載入jquery庫檔案和quiz.js以及所需的CSS樣式檔案styles.css。 <script src="jquery.js"></script> <script src="quiz.js"></script> <link

優秀響應式jQuery焦點圖外掛程式bxSlider，優秀響應式布局設計jQuery外掛程式，自適應任何裝置，切換內容可以是視頻、圖片、HTML、支援觸摸裝置，自訂函數callback,支援眾多的參數自訂配置，瀏覽器支援Firefox, Chrome, Safari,iOS, Android, IE7+。使用方法：1. 載入jQuery和外掛程式<!-- jQuery library (served from Google) --> <script src="jquery/1.

實用jQuery分頁特效外掛程式jquery.pagination.js，基於jQuery實現，可根據pageselectCallback函數callback調用通過ajax調用動態資料，目前的方法是產生JSON資料到JS檔案，調用的資料是JSON格式資料，缺點是資料是一次性讀出來的，效率會差些，外掛程式支援眾多參數的自訂配置功能，還是很不錯的，大家可以根據自己的想法進行改進。使用方法：1.載入外掛程式和jQuery<link rel="stylesheet"

經常看到在一些產品介紹頁，看到全屏滾動的特效，今天推薦款jQuery外掛程式給大家，jQuery全屏滑鼠滾動切換頁面特效外掛程式multiScroll.js，支援眾多的參數自訂配置，scrollingSpeed：切換速度、easing：動畫效果、navigation：false是否出現導航，還支援事件Callback函數調用，onLeave、afterLoad等，效果還是和不錯的，瀏覽器安全色方面：IE8, 9, Opera

漂亮jQuery 3D動畫圖片輪播切換特效外掛程式jquery.slicebox.js，基於jQuery，外掛程式採用CSS 3D 動畫效果，支援事件Callback調用，支援參數自訂配置，如：speed：600 切換速度、autoplay:true 是否自動播放，在瀏覽器安全色方面，需要瀏覽器支援CSS3變換變形屬性，不支援的將看不到3D特效，推薦學習下代碼。使用方法：1.載入外掛程式和jQuery<link type="text/css" rel="stylesheet" href="

Tooltipster是一個輕量級的jQuery工具提示外掛程式，可以快速的協助你產生漂亮的工具提示。1，載入jQuery和包括Tooltipster的外掛程式檔案在您下載Tooltipster，移動tooltipster.css和jquery.tooltipster.min.js到根的CSS和JavaScript的目錄。接下來，載入jQuery和包括您的標籤裡面Tooltipster的CSS和JavaScript檔案：<head> ... <link

什麼是MixItUp？MixItUp是一個jQuery外掛程式，提供動畫過濾和排序。MixItUp是偉大的，像管理投資組合，畫廊和部落格的任何分類或排序的內容，而且還可以作為一個功能強大的工具，從事應用程式的使用者介面和資料視覺效果。MixItUp起著很好的與您現有的HTML和CSS，使之成為響應布局的絕佳選擇。而不是用絕對位置來控制布局，MixItUp設計與現有的線上流布局工作。要使用百分比，媒體查詢，inline-block的，甚至是彎曲盒子？沒問題！頁面代碼<div

html代碼<div class="UpLayer"><dl><dt><a href="javascript：void(0)">雲棲社區</a></dt><dd><a href="http://www.demo.com/js/">特效</a> <a href="http://www.demo.com/Tutorials/">教程</a> <a

jQuery響應式手機端移動端投影片圖片切換特效外掛程式slick，基於jQuery，功能非常強大，支援左右按鈕切換、支援圓點切換、支援自訂切換開關數量，支援自訂切換開關速度、支援圖片預先載入、支援自動播放定義，效果非常的不錯，眾多的參數自訂支援，覺得可以的可以參考他們的參數配置，還是值得學習使用的。使用方法：1.載入外掛程式和jQuery<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <

jQuery Form表單美化外掛程式jqTransform，非常實用的jQuery外掛程式，自動把你整個Form表單進行美化處理，包括SELECT下拉框、文字框、單選、複選框、按鈕等，當然不支援input file檔案選擇框，這個可以參照我們之前的input file選擇框美化教程進行改造，在瀏覽器安全色方面，相容 ie 6+, safari 2+, firefox 2+，外掛程式還是很不錯的，使用起來也很簡單，推薦學習和使用。使用方法：1.載入jQuery和外掛程式<script

本文執行個體講述了jQuery控制cookie到期時間的方法。分享給大家供大家參考。具體分析如下：jquery.cookie()方法可以設定cookie，預設條件下是瀏覽器關閉cookie即失效，用下面方法可以解決這個問題<script type="text/javascript">var expiresDate= new Date();expiresDate.setTime(expire.getTime() + (? * 60 *

實現功能：1.修改標題樣式。把jquery ui的標題樣式放上去。支援換膚。2.修改按鈕樣式，換成jqueryui的button按鈕樣式。3.將模式化視窗的背景換成了jqueryui的模式化背景。代碼：//首先要引入jquery，以及ui的包和皮膚的樣式如：<script src="../js/ui/jquery-1.11.0.min.js"></script> <script

在玩微博的時候我們可能會注意到一個細節就是不管是新浪微博還是騰訊微博在轉寄和評論的時候給你的預設文字框的高度都不會很高，這可能是版面的限制和使用者通常只轉播或者評論一個短句有關。但是當你輸入超過一行文字的時候，文字框的高度就自動撐高了，大大改善了體驗，這樣使用者就可以看到全部的文字。不用再去拖動文字框的捲軸。autoTextarea.js(function($){ $.fn.autoTextarea = function(options) { var defaults={

看到有網友製作了對空間好友的動態點贊，加了個以及取消贊的功能。直接啟動並執行指令碼社交動向更新點贊代碼jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ console.log(item); jQuery(item).trigger('click');});jQuery(window).scroll(function(){

依賴jquery，相容IE6\7\8 Firefox chrom 等主流瀏覽器（絕對原創）， 不過請求大神幫我提升點效率。/** * jQuery彈出層外掛程式 * * @author lanhaoooo@163.com * @since 2014-08-23 */(function($) { var methods = { o : { isIe : !-[ 1, ] || document.documentMode >= 9,//後面的是判斷IE9、IE10的

這是一款多功能投影片外掛程式，支援多種配置，css樣式是扒的網上的，裡面的代碼原創，輕噴~;(function($) { "use strict"; var methods = { o : { next: "#cycle-next", prev: "#cycle-prev", pager : "#cycle-nav", slider : "#beauty-slider", timeLine : "#timeLine",

function addCombinator(matcher, combinator, base)1、源碼複製代碼 代碼如下:function addCombinator(matcher, combinator, base) { var dir = combinator.dir, checkNonElements = base   && dir === "parentNode", doneName = done++; return

要讀懂Sizzle的Compile執行過程，首先需要弄清楚涉及的各個子程式的功能和關鍵變數和作用，我將逐一對jQuery-1.10.2版本的Compile代碼進行說明，望能給予大家協助。elementMatcher(matchers)1、源碼複製代碼 代碼如下:function elementMatcher(matchers) { return matchers.length > 1 ? function(elem, context, xml) {