今天要出個滑鼠滾動放大縮小圖片的功能，看似很簡單，從網上一搜，出現的都是onmousewheel的例子，全部只支援IE瀏覽器，結果查出Firefox有對應的DOMMouseScroll來處理這個功能，代碼如下,並加上注意的注釋項： 複製代碼 代碼如下: $(function(){ $(".body img").each(function(){ if($.browser.msie){ $(this).bind("mousewheel",function(e){ var
每段代碼前邊都有功能註解和參數要求等解說文字，難度不大也就沒做更多注釋。 為看得清楚，這裡依先後順序做個小目錄： 重寫window.setTimeout， 理解遞迴程式的返回規律， 截取長字串， 取得元素在頁面中的絕對位置， 統計、去除重複字元（多種方法實現）， 把有序的數組元素隨機打亂（多種方法實現）。 複製代碼 代碼如下: /* 功能：修改 window.setTimeout，使之可以傳遞參數和對象參數 （同樣可用於setInterval） 使用方法： setTimeout(回呼函數,時間,
AJAX簡單介紹： AJAX 指非同步 JavaScript 及 XML（Asynchronous JavaScript And XML），是指一種建立互動式網頁應用的網頁開發技術。通過 AJAX，JavaScript 可使用 JavaScript 的 XMLHttpRequest 對象來直接與伺服器進行通訊。通過這個對象，您JavaScript 可在不重載頁面的情況與 Web 服務器交換資料。 jQuery是一種javascript架構，是對javascript的一種輕量級的封裝，容易理解。
複製代碼 代碼如下: /** * window.onresize 事件 專用事件綁定器 v0.1 Alucelx * http://www.cnblogs.com/Alucelx/archive/2011/10/20/2219263.html * <description> * 用於解決 lte ie8 & chrome 及其他可能會出現的 原生 window.resize 事件多次執行的 BUG. * </description> * <methods> *
解決：使用die()方法，在live()方法綁定前，將此元素上的前面被綁定的事件統統解除，然後再通過live()方法綁定新的事件。 複製代碼 代碼如下: //先通過die()方法解除，再通過live()綁定 $("#selectAll").die().live("click",function(){ //事件運行代碼 }); die()方法簡介： 複製代碼 代碼如下: die([type], [fn])<SPAN style="WHITE-SPACE: normal">
本章主要講述JavaScript中的資料類型(基本類型與參考型別)，變數(包括變數的範圍)，操作符(主要是一些較為常見，但是不容易從字面上理解的操作符)。由於JavaScript中的“一切皆對象”，在掌握了這些基本的概念之後，讀者就可以較為輕鬆的理解諸如範圍，調用對象，閉包，currying等等較難理解的概念了。 資料類型
1、下載並修改外掛程式 可以在官網上下載到最新版(http://plugins.jquery.com/files/boxy-0.1.4.zip)，到我寫這些文字的時候最新版為0.1.4版，下載解壓後有1個主要的js檔案：jquery.boxy.js;1個css檔案;還有4個圖片用於構成彈出層的4個圓角。將檔案引入系統中，修改boxy.css，將下面的圖片路徑修改為項目中實際的位置，如果設定不對會引起圖片失效，那時就難看了。 複製代碼 代碼如下: /*
以下是參數說明：
對於非ie瀏覽器他是用flash來實現的，js代碼如下： 複製代碼 代碼如下: <script type="text/javascript"> function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData("Text", copyText) } else { var flashcopier = 'flashcopier';
我最近查閱javascript資料，發現了一個函數： 複製代碼 代碼如下: function format(s) { var args = arguments; var pattern = new RegExp("%([1-" + arguments.length + "])","g"); return String(s).replace(pattern,function(word,index){ return args[index]; }); } // test window.onload =
原理很簡單： 擷取當前螢幕（表單）的寬度和高度，因為不同瀏覽器的表單大小是不一樣的。有了這個，可以計算出來垂直置中的座標。但是滑動了捲軸怎麼依然垂直置中呢？這個時候就要擷取當前表單距離頁面頂部的高度，加到剛剛的y軸座標即可。 $(document)是擷取整個網頁的，$(window)是擷取當前表單的，這個要搞清楚。 最後把擷取的座標賦給表單即可，表單本身是絕對位置的，所以自然可以到表單中間。 具體代碼： 複製代碼 代碼如下: <!DOCTYPE HTML> <html>
趁我寫例子這點時間有兩個人回答了 呵呵 剛才實驗過了 看下例子吧 JS 方法： 複製代碼 代碼如下: <script type="text/javascript"> // 得到字串的真實長度（雙位元組換算為兩個單位元組） function getStrActualLen(sChars) { //sChars.replace(/[^\x00-\xff]/g,"xx").length/1024+"位元組";
這裡有個簡單的測試頁面：IE、Firefox彈出"hello world"，而chrome,safari,opera毫無反應。 以下是小段測試代碼（刻意修改domain，讓父頁面和子頁面為不同域頁面）： 1.父頁面代碼： 複製代碼 代碼如下: <script> document.domain = "nunumick.me"; function doTest(){ alert('hello world'); } </script> <iframe src="http:
用$.fn.progressbar.defaults重寫defaults。 依賴 none 用法樣本 建立ProgressBar ProgressBar能夠從html標記建立或者編程建立。從標記建立更容易些，把 'easyui-progressbar' 類加入到<div/>標記。 複製代碼 代碼如下: <div id="p" class="easyui-progressbar" style="width:400px;"></div> 擷取或者設定值
這裡我使用Jquery庫，這個就不用過多介紹了，有幾個知識點： - 選取器tr:eq(index)，表示選擇指定index索引的tr元素，index索引從0開始 - tempRow.parent()，表示返回tempRow對象的父節點對象 - $("<td/>").prependTo()，表示將一個td元素添加到指定元素的內容標題部 執行個體代碼 index.html 複製代碼 代碼如下: <html
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD>
1. 簡化代碼 JavaScript定義對象和數組非常簡單，我們想要建立一個對象，一般是這樣寫的： 複製代碼 代碼如下: <SPAN style="FONT-FAMILY: verdana, geneva">var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4; </SPAN> 下面的寫法可以達到同樣的效果： 複製代碼 代碼如下:
1. PluploadPlupload 是一個Web瀏覽器上的介面友好的檔案上傳模組，可顯示上傳進度、映像自動縮減和上傳分塊。可同時上傳多個檔案。2. The KillersAjax Upload該外掛程式使用 XHR 用於上傳多個檔案，支援上傳進度顯示，但不支援 IE3. SWFUpload jQuery Plugin4. AjaxFileUpload5.
一、變數 在javascript變數中可以存放兩種類型的值：原始值和引用值。 原始值儲存在棧上的簡單欄位，也就是值直接儲存在變數所標示的位置內。 引用值儲存在堆內的對象，棧內變數儲存的是指向堆內對象的指標值。 在javascript中有5種基本類型：Undefined,Null,Boolean,Number,String。 參考型別其實就是對象，類似其他語言中類執行個體的概念。 複製代碼 代碼如下: var b = true; // 儲存在棧上 var num = 20; //儲存在棧上
最終顯示在頁面上的錯誤分為兩種：第一種是預設錯誤資訊，該資訊已經被定義在外掛程式中了，可以手動修改。 第二種是通過參數指定的錯誤資訊，如果沒有指定則會使用預設的錯誤資訊。將上個樣本的js修改如下： 複製代碼 代碼如下: <script type="text/javascript"> $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密碼1必填
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
