Time of Update: 2018-12-08
今天用alphaimageloader濾鏡的src屬就是其中的主角它將使用絕對或相對url地址指定背景映像。假如忽略此參數,濾鏡將不會作用。複製代碼 代碼如下:<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.3ppt.com /">
Time of Update: 2018-12-08
首先是最常規的方法: 程式碼 複製代碼 代碼如下:<p id="para" title="cssrain demo!" onclick="test()" >test</p> <script> function test(){ alert("test"); } </script> 當某一天,我們知道JavaScript要跟HTML結構實現分離後,就會改了一種寫法: 程式碼 複製代碼 代碼如下:<p id="para"
Time of Update: 2018-12-08
就是圖片切換的效果是可自訂的,通過這個組件,我們可以自訂出很多效果,不過這個東西還不算最終完成,現在搞出來先讓大家試試 複製代碼 代碼如下:var pola=new PhotoLook("contain");//建立PhotoLook對象 這就是執行個體化這個組件的語句,cantain是你指定div的ID,這個是使用組件的人自己定義的 複製代碼 代碼如下:/*PhotoLook大小的設定*/ pola.width=240; pola.height=320; /*添加圖片*/ pola.add("
Time of Update: 2018-12-08
看到BlueDream在他部落格上寫的javascript仿QQ滑動菜單的效果,代碼實在是優雅,相比較差別一下就凸顯了,下次再把他代碼的精髓偷過來,嘿嘿。 【原理簡述】 html和css跟JQuery實現圖片輪播效果裡面的一樣,略去。主要是幾個公用函數,漸顯和漸失,用閉包實現。至於主體邏輯部分,非常一般。 【程式源碼】 貼幾個公用函數算了,fadeIn,漸顯,fadeOut,漸失 複製代碼 代碼如下:function id(name) {return
Time of Update: 2018-12-08
當時考慮有三種方法: 1.直接把路徑寫在js檔案裡,但如果引用頁面路徑層級改變就沒轍了。 2.寫個class,放在主題包裡的css檔案或者單獨建立一個css檔案給日期控制項專用。但是控制項中的其他元素並沒有使用class的需要,單獨建立相應css文檔似乎小題大做。 3.把以上兩個方法排除後,自然要採用動態載入圖片路徑的方法咯。 關鍵代碼如下: 複製代碼 代碼如下://建立一個全域變數儲存路徑 var imgRootUrl = ""; //擷取圖片路徑所在目錄 var
Time of Update: 2018-12-08
在看 Discuz! 的源碼的時候,發現了一段瀏覽器驗證的代碼,還是比較經典的: 複製代碼 代碼如下:var BROWSER = {}; var USERAGENT = navigator.userAgent.toLowerCase(); alert(USERAGENT); BROWSER.ie = window.ActiveXObject && USERAGENT.indexOf('msie') != -1 &&
Time of Update: 2018-12-08
話說在樓豬理解和實踐能力尚欠火候的時候,在這篇裡曾經照搬了李戰老師不少東西寫在自己的部落格裡作為“知識儲備”。這一次還是不能免俗。在翻到第5章的時候,被開篇第二段話深深吸引和折服:“函數具有對象的全部特徵,你完全可以把函數當對象調用。其實,函數就是對象,只不過比一般的對象多了一個括弧“{}”操作符,這個操作符用來執行函數的邏輯,即函數本身還可以被調用,一般對象卻不可以被調用,除此之外完全相同”。寥寥數語,卻深刻闡釋了對象和函數的關係。下面樓豬就通過自己寫的幾段簡單代碼,論證一下javascrip
Time of Update: 2018-12-08
css:複製代碼 代碼如下:<style type="text/css"> .rollBox { width: 704px; overflow: hidden; padding: 12px 0 5px 6px; } .rollBox .LeftBotton { height: 52px; width: 19px; background: url(jt.gif) no-repeat 11px 0; overflow: hidden; float: left; display:
Time of Update: 2018-12-08
例如有這麼一個字串<img src='test' alt=123>xtxtxt<img src='test' alt=321>1221<img src='test' alt=yes>,我要從中找出所以alt的值,同時還有非標籤中的值,想這個例子中,就是要搜尋出123xtxtxt3211221yes這個結果來 ,還有一點就是 原字串是不確定的,是由使用者輸入的 //搜尋出所有alt的值和innerHTML的值 var tmp=""; var pos=""
Time of Update: 2018-12-08
建立隨機數 ①自JavaScript產生後,好多瀏覽器中都有內建的隨機數發生方法。例如: var number = Math.random(); 該方法產生一個0到1之間的浮點數。 ②基於時間,亦可以產生隨機數。例如: var now=new Date(); var number = now.getSeconds(); 這將產生一個基於目前時間的0到59的整數。 var now=new Date(); var number = now.getSeconds()%43;
Time of Update: 2018-12-08
兩個自訂的實現字串與數組相互轉換的js函數,希望能對大家有用: 複製代碼 代碼如下:function StringToArray(str,substr) { /* 函數功能:字串按照指定字串分割轉換為數組 參數: str :需轉換的字串 substr:分割字串 傳回值: 轉換後的數組 */ var arrTmp = new Array(); if(substr=="") { arrTmp.push(str); return arrTmp; } var i=0, j=0,
Time of Update: 2018-12-08
比如 http://www.youku.com/v1.0.0326/v/swf/up.swf 這是優酷的視頻上傳選擇,其是通過FLASH的方法來實現了不顯示非視頻類檔案。 FLASH到這種效果一般也就是如這裡所描述的 複製代碼 代碼如下:import flash.net.FileReferenceList; var fileRef:FileReferenceList = new FileReferenceList(); var allTypes:Array = []; var
Time of Update: 2018-12-07
Javascript中會經常用到setTimeout來延遲一個函數的執行,如:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->setTimeout(function(){alert("Hello World");},1000);會在執行到這句話後延遲1秒鐘來彈出alert視窗。那麼再看這一段:Code highlighting produced
Time of Update: 2018-12-07
1.js的幾種資料類型?判斷基礎資料型別 (Elementary Data
Time of Update: 2018-12-07
在javascript各個方面,DOM毫無疑問是最慢的一部分。DOM操作與互動要耗費大量時間,因為它們往往需要重新渲染整個頁面或者某一部分。理解如何最佳化與DOM的互動可以極大提高指令碼完成的速度。1、最小化DOM更新 看下面例子: var list = document.getElementById("ul"); for (var i=0; i < 10; i++){ var item = document.createELement("li");
Time of Update: 2018-12-07
閉包的兩個特點:1、作為一個函數變數的一個引用,當函數返回時,其處於啟用狀態。2、一個閉包就是當一個函數返回時,一個沒有釋放資源的棧區。 概念描述(個人理解僅供參考):當一個函數嵌套中又嵌套了其他的函數時,我們可以把它們叫做外層函數和內嵌函數。內嵌函數可以訪問外層函數中定義的變數(局部變數)。假設內嵌函數用到了外層函數的變數,如果我們又把內嵌函數做為外層函數的傳回值,讓外界可以通過外層函數得到內嵌函數的引用,這時閉包就形成了。外界通過外層函數得到內嵌函數的引用之後,外層函數的職責就完成了,在傳統
Time of Update: 2018-12-07
JavaScript原型概念說不好理解其實沒那麼難,說好理解其實也沒那麼簡單,關鍵是你有沒有找到一個合適自己的理解方法。 預備知識: 我想研究js原型的人肯定對js有一定瞭解,所以基礎的知識不再贅述。但是我還要強調一些變態的知識點:l JavaScript沒有類的概念,是基於原型的物件導向。l function這個關鍵字一定要理解正確!這不是傳統意義上的定義函數的關鍵字,而是類!一定要把function理解成類!所以,在function
Time of Update: 2018-12-07
除了另無它法,肯定不使用navigator.userAgent來判定瀏覽器。因為在第一次瀏覽器大戰初期,Netscape占絕對統計地位,大 部分人們不願意相容其他瀏覽器,並通過檢測其UA讓他們的網站只允許Netscape訪問,這就逼使其他瀏覽器(包括IE)修改自己的UA偽裝成 Netscape來通過那些自以為是的指令碼,於是出現每個人都聲稱自己是別人的局面,即使最新的IE9的UA也是: //Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0;
Time of Update: 2018-12-07
function getparastr(strname) { var hrefstr,pos,parastr,para,tempstr; hrefstr = window.location.href; pos = hrefstr.indexOf("?") parastr = hrefstr.substring(pos+1); para = parastr.split("&"); tempstr=""; for(i=0;i<para.length;i++
Time of Update: 2018-12-07
<script language="javascript">var i = 0,j = 0; //行號與列號var oNewRow,oNewRow2,oNewRow3; //定義插入行對象var oNewCell1,oNewCell2,oNewCell3; //定義插入列對象//添加條件行function AddRow(){i = document.all.MyTable.rows.length;oNewRow =