其他

自己寫了一個很簡單的jquery外掛程式,在頁面中調用其中的函數就可實現. 外掛程式原始碼(listtolist.js): 複製代碼 代碼如下:/** fromid:源list的id. toid:目標list的id. moveOrAppend參數("move"或者是"append"): move -- 源list中選中的option會刪除.源list中選中的option移動到目標list中,若目標list中已存在則該option不添加. append --

會JS的請繞行，本文對你太白癡；不會HTML和CSS的請繞行，你可能會看不懂下面的內容。（英文最好也會一點，不然會很麻煩） 什麼是jQuery？ jQuery是一個JavaScript庫，白癡解釋就是一個JavaScript工具箱，很多現成的工具，想用什麼就拿什麼。省去了自己重新編寫代碼的煩惱，對於像我一樣的JS白癡，更是容易上手。 jQuery能做什嗎？ 他能讓你的頁面產生很多讓人驚喜的動態效果，簡單的說就是讓你的網站更加漂亮，這裡有很多不同的效果，點擊查看>>>

最近在學習JS的OOP所以寫了這麼個東西 使用方法： $(".viewArea img").zoom({height:74,width:103}); 效果示範： http://demo.jb51.net/html/jquery_img/jquery_img.htm代碼： 複製代碼 代碼如下: (function($){ $.fn.zoom = function(settings){ //一些預設配置； settings = $.extend({ height:0, width:0,

複製代碼 代碼如下: $.validator.setDefaults({ submitHandler: function() { if ($("#username").val() != "" && $("#password").val() != "") { form1.submit(); } else { if ($("#password").val() == "") { $("#password").focus(); } if ($("#username").val() == "") { $(

jquery show移上去看看 hello fadeout淡出效果 淡出效果淡出效果淡出效果淡出效果淡出效果 淡出效果淡出效果淡出效果淡出效果 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

運行後查看效果，需要重新整理下。 jquery事件2 你最喜歡的體育運動是? 你的姓名: 足球 籃球 兵乓球 遊泳 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

animate( params, [duration], [easing], [callback] ) 用於建立自訂動畫的函數。 這個函數的關鍵在於指定動畫形式及結果樣式屬性對象。這個對象中每個屬性都表示一個可以變化的樣式屬性（如“height”、“top”或“opacity”）。注意：所有指定的屬性必須用駱駝形式，比如用marginLeft代替margin-left. 而每個屬性的值表示這個樣式屬性到多少時動畫結束。如果是一個數值，樣式屬性就會從當前的值漸層到指定的值。如果使用的是“

雲棲社區修正版本，運行後需要重新整理下，因為jquery是外部調用的。 jquery事件,動畫1 縮小 放大

比如得到觸發事件的元素引用在IE瀏覽器下是：event.srcElement，在FF瀏覽器下則是：event.target，另外又比如在FF瀏覽器下得到游標相對頁面的位置是event.pageX，而IE瀏覽器下的處理方式又是不一樣的，當然還有一些像“阻止事件冒泡”以及“取消瀏覽器預設行為”等，不同瀏覽器也有不同的處理方式，如果我們要使JavaScript在不同的瀏覽器下能正常處理事件代碼，就要分別進行判斷處理。現在jQuery為我們提供了統一相容處理函數$.event.fix(e)，這個函數官方

本文介紹一下Jquery對table中的tr和td的操作。第一個知識點 清空tr<span style="font-size:18px;"><tr id="dynamicTrOne"></tr></span>假設你已經動態為id=dynamicTrOne的tr建立了td，可以使用$("#dynamicTrOne").empty();銷毀該tr裡的所有td第二個知識點 建立td元素代碼如下：var td1 = $("<td width='140

本文總結分析了jQuery視差滾動效果網頁實現方法。分享給大家供大家參考，具體如下：首先說兩個核心函數，當然是基於jQuery的：1、$(document).scrollTop() ;該函數主要是返回頁面當前頂部距離頁面頂部的像素值，是一個非負整數。2、$(window).scroll();該事件是監控頁面是否滾動，一旦滾動則觸發其回呼函數。由此兩個函數，我們得到下面的代碼：$(window).scroll(function() {var top = $(document).scrollTop(

用js寫的一個彈幕效果圖：源碼：<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- <link href=

本文執行個體講述了jQuery類比Marquee實現無縫滾動效果。分享給大家供大家參考，具體如下：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>類比Marquee無縫滾動</title><style type="text/css">/* CSS Document reset */html, body, div, span, applet,

XML和HTML都是標記語言，文法形式非常相似，同屬於一個語言體系。對於HTML的解析，我是使用jQuery非常方便，其實，我們也可以用jquery解析XML，也是同樣的方便。如果你用過Java、PHP等語言解析過XML，相信會跟我有相同的感覺，那就是很麻煩。改用jQuery來讀取、分析、操作XML後，給人意想不到的輕鬆感。下面我們來看看使用jQuery處理XML檔案的幾種形式方法。使用JavaScript常規方法解析XMLvar xmlDoc =

我的學習方法：先入門，後進階！本系列文章分為：基本篇、層次篇、簡單篇、內容篇、可見度篇、屬性篇、子項目篇、表單篇、表單對象屬性篇共9篇文章。詳細介紹頁面 http://demo.jb51.net/html/jquery/jQuery-Selector.html jQuery-Selectors jQuery-Selectors(選取器)的使用(一、基本篇)

複製代碼 代碼如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br /> <input

但由於工作的原因，很久不曾做過網站項目了，也沒有時間去好好研究Jquery的源碼，這個疑問也一直沒有得到解決了， 今天，空閑之餘，開啟Jquery的源碼看看，才明天它實現的原理，原來在加入jquery的js這個檔案時，實際上是執行了一個函數，在這個函數裡己經初始化了$和JQuery變數, 實現這個功能源碼如下(代碼已刪減和更改，並不影響說明實現原理): 複製代碼 代碼如下:(function() { var // Will speed up references to window, and

複製代碼 代碼如下:<?xml version="1.0" encoding="UTF-8" ?> <!-- 注意事項: 1. 以下格式為既定的格式, 為了統一性, 需要修改時, 大家商議 2. 格式中的所有項都是選填, 如果沒有, 不寫就是了. 3. 由於是XML格式的, 所以, 所有標籤中間填寫文本的地方(最重要是代碼, 一定要加, 不然以後解析有困難), 都需要加上<![CDATA[這中間寫內容]]> 4. 翻譯過程中,

經過摸索進行了擴充，增加“自動記住關閉時的位置”的功能，源碼如下： 複製代碼 代碼如下: //myJquery.ui.dialog.ex.js //////////////////////////////////// //自動記住 jquery.ui.dialog關閉時的位置 /////////////////////////////////// (function($){ var originClose = $.ui.dialog.prototype.close;

複製代碼 代碼如下:$("#dialog").dialog({ bgiframe: true, autoOpen: false, position: [PosX, PosY], //alert 出來為：" , "(不含雙引號)，或者報錯，不知什麼原因。 height: 300, modal: true, buttons: { '建立新帳號': function() { var bValid = true; allFields.removeClass('ui-state-error');