Time of Update: 2013-10-17
效果預覽圖片: 大家可以下載demo看完整效果,下面介紹製作過程。 1.首先建立一個html頁面,html結構如下: 複製代碼 代碼如下: <div id="slider"> <div id="viewer"> <img id="image1" src="img/amstrad.jpg" alt="Amstrad CPC 472" /> <img id="image2" src="img/atari.jpg" alt="Atari TT030" /&
Time of Update: 2013-10-17
言歸正傳拉,開始跟我學習吧:); 1.jquery自訂了 jQuery.extend()和jQuery.fn.extend()方法,其中,jQuery.extend()方法能夠建立全域函數或者選取器,而jQuery.fn.extend()能夠建立jQuery對象方法。在這裡囉嗦講下:這2個方法,都包含一個參數,改參數僅接受名/值對結構的對象,其中名表示函數或方法名,而值表示函數體。 複製代碼 代碼如下: jQuery.extend({ minValue : function(a,b){
Time of Update: 2013-10-17
前期的準備工作: 1、下載DEMO源碼,並升級為最新版本(jquery 1.7.2,Easyui 1.2.6),直接替換就可以啦,升級easyui 是的要把css js theme 全部替換 2、在首頁的HTML代碼中:將 複製代碼 代碼如下: <div id="mm" class="easyui-menu" style="width:150px;"> <div id="mm-tabupdate">重新整理</div> <div class="menu-
Time of Update: 2013-10-17
具體題目是這樣的: 從1--9中選取N個數字,組成不重複的N位元,從小到大進行編號,當輸入其中任何一個數M時,能找出該數字對應 的編號。如 N=3,M=213. 輸出:[123(1) , 132(2) , 213(3) , 231(4) , 312(5) , 321(6)]--->X=2
Time of Update: 2013-10-17
隨著智能手機的普及,越來越多的使用者喜歡通過手機中瀏覽網頁。今天這篇文章為大家推薦最佳6款用於行動裝置 App的 jQuery 圖片滑塊外掛程式,這些外掛程式很好的處理了觸屏事件,效果平滑,協助你構建使用者體驗良好的移動網站。PhotoSwipe PhotoSwipe 是一款免費的 jQuery 圖片庫外掛程式,支援 iPhone, iPad, Android, Blackberry 等各種行動裝置。Mobile Photo Album Mobile Photo Album
Time of Update: 2013-10-17
1、DOM0級事件處理常式 將一個函數值給一個事件處理常式屬性。 例如: 複製代碼 代碼如下: var btn = document.getElementById("myBtn"); btn.onclick = funtion(){ alert(this.id); //"myBtn" } 刪除事件,btn.onclick = null; -------------------------------------------------------------------------------
Time of Update: 2013-10-17
情境: 當分頁檔.html作為本地檔案開啟(即IE路徑為file:///開頭的)的時候,需要訪問本地文字檔的內容時。 本地檔案目錄在分頁檔的子檔案夾。 目錄結構 |-test.html |-Scripts |-data.txt 需要訪問data.txt的內容。 代碼: 複製代碼 代碼如下: $.get('Scripts/data.txt').success(function(content){ //
Time of Update: 2013-10-17
HTML 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>jQuery Tools standalone demo</title> <!-- include the Tools --> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
Time of Update: 2013-10-17
今天本文就為大家挑選了25個非常好的 jQuery 下拉式功能表製作教程和樣本。Slide Down Box Menu with jQuery and CSS3( 示範 | 下載 )Fancy Drop Down Menus Using CSS and JQuery.( 示範 | 下載 )Sliding Jquery Menu( 示範 | 下載 )Create Simple
Time of Update: 2013-10-17
1.建立對象 複製代碼 代碼如下: var person = new Object(); person.name = "RuiLiang"; person.age = 30; person.job = "Teacher"; person.sayName = function () { alert(this.name); }; person.sayName(); 2.原廠模式 缺點:不能識別對象 複製代碼 代碼如下: function createPerson(name,age,job) {
Time of Update: 2013-10-17
一個客戶跟我聯絡說,剛給他做的網站,顯示不正常,我頓時一緊張,這是我獨立完成的第一個項目,於是趕緊開啟他的網站看了看,沒看出什麼不正常來。我又問他怎麼不正常,他說和交接項目時的效果不一樣,暈,交接時要是不正常,項目肯定交接不了啊,乾脆讓他截個圖過來。果然不正常,是他剛上傳的一張圖片把顯示內容的視窗撐開了。查看代碼,明明寫好了max-width,怎麼還會出現這種情況。突然發現他發來的圖上,那個瀏覽器看著不順眼,像是古老的而神聖的IE6!經過確認,果然是它,又是它!我真是疏忽,沒給他在IE6下測試就
Time of Update: 2013-10-17
直接在本地是支援IE6的,有個問題就是,滑鼠點擊的時候游標會變為選擇文字的游標,不知道應該怎麼處理這個問題呢? 在此記錄一下代碼: 簡單拖拽擴充 按此處拖動 中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間 內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容中間內容 中間內容中間內容中間內容中間內容中間內容中間內容 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-17
JS指令碼引用 複製代碼 代碼如下: <script src="/scripts/Jquery.autocomplete/jquery.autocomplete.js" type="text/javascript"></script> 樣式引用 複製代碼 代碼如下: <style type="text/css" media="all"> @import
Time of Update: 2013-10-17
解決方案一:IE6 Hack指令碼 複製代碼 代碼如下: <script> if(navigator.appName == "Microsoft Internet Explorer"){ var b_version=navigator.appVersion; var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(trim_Version=="MSIE6.0"){ ;//
Time of Update: 2013-10-17
其中: 1.JavaScript的sort()中如果沒有指定比較函數,則預設會按照字元的編碼順序進行升序排序。也就是說如果我們想要對數值進行排序得到的不一定是我們想要的結果。 2.Javascript的reverse()將數組中的元素逆序。 先看看上面的第一點,如果有一個數組arr=[1,6,3,7,9],使用arr.sort()後,數組的順序為1,3,6,7,9,得到了我們想要的結果。
Time of Update: 2013-10-17
開始建立對象: 1.對象字面量。 複製代碼 代碼如下: var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(this.hour+":"+this.minute+":"+this.second); } } clock.showTime();//調用 2.建立Object執行個體 複製代碼 代碼如下: var clock = new Object(); clock.hour=12; clock.minute=
Time of Update: 2013-10-17
線上示範:http://demo.jb51.net/js/2012/myslideLeftRight/打包下載:http://www.jb51.net/jiaoben/44973.html核心代碼: 複製代碼 代碼如下: (function($){ $.fn.extend({ "slidelf":function(value){ value = $.extend({ "prev":"", "next":"", "speed":"" },value) var dom_this = $(this).
Time of Update: 2013-10-17
浮動布局:即HTML結構的列,是用浮動方式。 一、功能分析: 1.判斷圖片是否進入可視地區; 2.用AJAX請求伺服器資料; 3.將資料播入到相應的列隊; 二、實現方法: 給window的scroll事件l綁定一個處理函數:做如下工作: 1.如何判斷最後一行的圖片,是否進入了可視地區? 如果:最後一行的某個圖片距離瀏覽器可視地區頂部的距離值 小於 (可視地區的高度+捲軸滑動的距離值); 那麼:就可以判定這個圖片進入了瀏覽器的可視地區;
Time of Update: 2013-10-17
DOM元素都有一些標準事件,一般使用時只要使用onclick=function的方式就可以了,但是當需要為DOM元素添加多個事件,刪除事件,或在用Javascript封裝控制項的時候,為封裝的控制項添加自訂事件的時候,onclick=function的方式就不夠用了,但是瀏覽器有addEventListener和attachEvent方法可供調用,從而類比出類似於C#中的事件委託的事件觸發機制! 複製代碼 代碼如下: /* * 功能:事件處理 * Author:LQB * 時間:2009-1-4
Time of Update: 2013-10-17
1前言 最近在ASP.NET中做了一個AJAX調用 : Client端先從ASP.NET Server後台取到一個頁面模板,然後在頁面初始化時再從Server中取一些相關資料以實現頁面模板的動態顯示。具體實現為: 1) Client向 ASP.NET後台發送HTTP GET 請示 2) 後台給Client發送一個HTML模板,同時在記憶體中儲存一個XML String (包含頁面模板動態顯示所需的資料) 3) Client在初始化頁面時,發送AJAX請求,拿到XML String 4)