複製代碼 代碼如下: // JavaScript Document ;(function($){ $.fn.extend({ "zj_ppt":function(value){ //預設參數定義 var $this = $(this); value = $.extend({ "time":2000, //間隔變化動畫時間 "con":0, "sto":true, "count":"count", //切換小圖的父級class名字 "src":"src", //切換小圖片路徑 "src_cur":
console.log(); 當你使用console.log()函數時，下面的firebug一定要開啟，不然這函數在用firefox運行時無效且影響正常程式，如果用IE開啟，將會出錯。 第一個參數可以是一個包含格式化預留位置輸出的字串，例如： console.log("The %s jumped over %d tall buildings", animal, count); 格式化字串 類型 %s 字串 %d, 整型 %i (暫不支援數字型） %f 浮點型 （暫不支援數字型） %o
最近做百度地圖的類比資料，需要擷取某條公交線路沿途網站的座標資訊，貌似百度沒有現成的API，因此做了一個類比頁面，工具而已，IE6/7/8不支援 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>擷取公交網站座標</title> <style type="text/css"> html,body{ height: 10
如題，只有思路，沒有代碼。 這個思路是最近寫XScroll.js類的時候想明白的。平常我們說的淡入淡出效果，一般分成兩部分，一半是淡入，另一半就是淡出了。不過經過分析，我覺得其實只需要一半就行了。 比如寫一個圖片切換類，轉場效果是淡入淡出，通常我們會這樣寫：當切換髮生的時候，當前顯示的圖片淡出（漸漸隱藏），將要顯示的圖片淡入（漸漸出現），通常兩張圖片的動畫速度是一致的，以便實現當前圖片完全隱藏之時就是下一張圖片完全顯示之日。 我們來列一個簡單的步驟：
1、函數的建立 由於前面已經用了很多的函數，我就不在這裡多分享了。 2、嵌套函數 複製代碼 代碼如下: function china() { function people()//嵌套函數，只有china用它 { document.write("我的心愿是當杜甫，最近網上他的漫畫，他活的好瀟洒"); } people(); } 3、函數的直接量 Javascript允許函數用直接量來定義，說白了就是一個運算式，（匿名函數）。細節：匿名函數以後會用，要明白！ 複製代碼 代碼如下:
我們在定義函數的時候，函數定義的時候函數本身就會預設有一個prototype的屬性，而我們如果用new 運算子來產生一個對象的時候就沒有prototype屬性。我們來看一個例子，來說明這個 複製代碼 代碼如下: function a(c){ this.b = c; this.d =function(){ alert(this.b); } } var obj = new a('test'); alert(typeof obj.prototype);//undefine alert(typeof
在winform端，樹狀菜單是非常有用的，實現這個是非常便捷的，所以我想到在頁面放入一個樹狀菜單的。我選擇了dtree這個工具，網路上還有很多方法實現頁面樹狀菜單的，不過我覺得這個比較好用的，而且配置比較簡單，運用上上手很快。dtree是純js的，所以不用匯入jar包，並且配置只要在js內配置就好了。而且現在網路上有很多高手修改後的改良版，加了checkbox，更加方便。在開發過程中，最難的就是資料的互動的，因為dtree是純js的，所以不存在和後台互動的方法，我的辦法是先通過後台互動，將資料傳
如： 複製代碼 代碼如下: editCityStore.load({ params: { provinceID: proid }); Ext.getCmp('city-id-name').setValue(cityid); 由於是store是非同步載入的，所以他會先賦值再填儲值到ComboBox，，這裡就需要用： 當載入完成後再進行賦值 : 複製代碼 代碼如下: editCityStore.load({ params: { provinceID: proid }, callback:
比如一個網頁的聊天室，捲軸會隨著內容的增加自動往下滾動。 當使用者滑鼠在捲軸上按下的時候，我們可以假設他（她）正在瀏覽聊天內容，那麼這個時候好的使用者體驗就不能讓捲軸再自動滾動了。 為了實現這個功能，可能大家首先會想到的就是mouse down 和 mouse up事件了。 可是具體實現的時候我們會發現在捲軸上按下滑鼠左鍵再鬆開的時候，捕獲不到mouse up了。如下面例子 複製代碼 代碼如下: <html> <head> <title></title&
上個月研究學習了《js判斷一個元素是否為另一個元素的子項目》，感覺還挺好用，但是在jQuery應用中還是有很多缺陷，比如多個元素的時候寫起來就不是很方便。所以寫了比較簡單的jQuery判斷一個元素是否為另一個元素的子項目(或者其本身)的兩個擴充： 複製代碼 代碼如下: //判斷:當前元素是否是被篩選元素的子項目 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); };
jQuery二級聯動外掛程式：jQuery.selected 一個頁面可以引用多個聯動效果，使用方法： 配置js： 複製代碼 代碼如下: var defaults = { NextSelId: '#Select2', SelTextId: '#Text1', Separator: '--', SelStrSet: [ { name: '請選擇', subname: '請選擇'}, { name: '★高起本★', subname: '電腦科學與技術|漢語言文學' }, { name:
瀏覽器事件 瀏覽器事件指載入文檔直到該文檔被關閉期間的瀏覽器事件，如瀏覽器載入文檔事件onload、關閉該文檔事件onunload、瀏覽器失去焦時間點事件onblur、獲得焦時間點事件onfocus 等。 先考察如下的代碼： 複製代碼 代碼如下: //來源程式3.1 <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html>
JQuery UI提供的API極大簡化了拖拽功能的開發。只需要分別在拖拽源(source)和目標(target)上調用draggable和droppable兩個函數即可。 拖拽原理 首先要明確幾個概念。 ource：拖拽源，要拖動的元素。 taerget：拖放目標，能夠放入source的容器。 拖拽的動作分解如下： 1. drag start：在拖拽源(source)上按下滑鼠並開始移動 2. drag move: 移動過程中 3. drag enter:
寫內容之前廢話一句：因為舊版有些瀏覽器不支援javascript指令碼，遇到script結點，當做普通內容輸出了，所以有時候為了讓版本相容，會在script結點裡的內容寫上注釋符號，這樣的話在舊版裡雖然程式會失效，但是不會出現我們的代碼，類似於這樣(請忽略括弧以及括弧裡的東西)： 複製代碼 代碼如下: <script type="text/javascript"> <!-- (注意，這裡必須換行) xxxxxx; --> (這一行也不可以寫東西。)
由於種種原因，例如：代碼邏輯複雜、時間久了遺忘處理細節、或者根本就是接手修改別人遺留的bug，在這種情況下，debug就會變成一件頭疼的事情。 在此分享一些JS調試方面的技巧，針對各種疑難雜症，往往能起到較好的效果。 Step 1：檢查伺服器直接render出來的內容 使用查看源檔案的方式，這一步首先明確，頁面HTML片段是否在伺服器端就已經不正常了。 Step 2：比較實際的HTML內容和伺服器render出來的原始內容之間的差異
用js實現的好處是：如果一個網站中圖片的hover效果比較多，可能每一個都要有css控制，那樣代碼有的冗餘。但是有了js控制，不管有多少圖片，hover效果都可以用同樣的js，但是必須保證圖片的out/off效果和over/on效果命名有規律性，比如： navi01_out.jpg/navi01_off.jpg navi01_over.jpg/nvai02_on.jpg 這樣js控制起來非常方便。找到匹配的名稱，hover時替換成另一個名稱。 今天我想用jQuery控制一下效果： 代碼如下：
each()遍曆元素（k1） 複製代碼 代碼如下: $(document).ready(function () { $("#btn").html("each()遍曆元素").click(function (event) { $("div").each(function (index) { $(this).html("這是第" + index + "個div"); }); event.preventDefault(); }); }); 擷取屬性的值（k1）attr(name) 複製代碼
複製代碼 代碼如下:<script type="text/javascript"> function strToDate(str, ext) { if (str == null || str == '') return; var arys = new Array(); arys = str.split('-'); var newDate = new Date(arys[0], arys[1] - 1, arys[2], 9, 0, 0); if (ext) { newDate =
2.9 運算子 2.9.1、一元運算子 一元運算子只有一個參數，即要操作的對象或值。 1、delete：刪除對以前定義的對象屬性或方法的引用，但此運算子不能刪除開發人員未定義的屬性和方法。樣本： 複製代碼 代碼如下: var o=new Object; o.name="Nicholas"; o.show=function(){ return "test"; }; console.log(o.name); //outpus Nicholas console.log(o.show()); /
最終效果： 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>彈出層外掛程式:jquery.artwl.thickbox.js</title> <script src="/js_lib/jQuery-1.7.1.js"
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
