Time of Update: 2014-05-28
採用錨點進行頁面中的跳轉的確很方便,但是要想增加網頁的效果,可以使用jquery中的animate,實現滾動的一個動作,慢慢的滾動到你想跳轉到的位置,從而看起來會非常高大上。滾動到頂部:複製代碼 代碼如下:$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});滾動到指定位置:複製代碼
Time of Update: 2014-05-28
引發這個問題思考的是一段js程式的運行結果: 複製代碼 代碼如下: var i = 0; function a(){ for(i=0;i<20;i++){ } } function b(){ for(i=0;i<3;i++){ a(); } return i; } var Result = b(); 這段程式的運行結果是Result = 21; 從這段程式中我們可以看出,i在a函數返回的時候值是20這是沒有問題的。 而在b函數返回的時候,i的值是20還是21就值得討論了。
Time of Update: 2014-05-28
複製代碼 代碼如下: function deleteAll() { var all = document.getElementsByName("checkname");//獲得你選中的內容是一個數組 if (all == null || all.length == 1) { alert("暫無訂單"); return; } else { var idStr = "";//定義一個自己要刪除的id的字串 for ( var i = 0; i < all.length; i++) { if (
Time of Update: 2014-05-27
解決方案有兩種:一種是CSS,使用background-size:cover實現圖片的展開效果,但是IE8及以下版本不支援background-size,於是可以使用微軟的濾鏡效果,但是IE6不支援。body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:100%;
Time of Update: 2014-05-27
如果你看過三星企業設計中心網站,你肯定已經注意到了時尚的網格載入效果。每一項載入的時候,背景色會首先滑出,然後映像顯現出來。滑動顏色表示映像,也就是說它是彩色映像的主色。 在這篇文章中,我們想向您展示了如何使用 Masonry 網格砌體外掛程式,結合 CSS 動畫重現這種效果。另外在這裡,我們還藉助了 ColorFinder 來獲得的映像的最突出的顏色來作為初始的載入背景色使用。 立即下載 線上示範&
Time of Update: 2014-05-27
上一篇部落格中為大家介紹了javascript物件導向編程原則的封裝,今天為大家介紹繼承,在javascript中沒有類的概念,所有不能像c#,java語言那樣,直接的用類去繼承類。比如現在有比如,現在有一個"動物"對象的建構函式。 function Animal(){ this.species = "動物"; } 還有一個"貓"對象的建構函式。 function Cat(name,color){ this.name = name; this.color
Time of Update: 2014-05-27
js處理表格 1、行顏色間隔顯示 css樣式:兩個選取器 複製代碼 代碼如下: <style type="text/css"> .one{ background-color:#33ffcc; } .two{ backgound-color:#ffff66; } </style> <script type="text/javascript"> function trcolor() //控制間隔行顏色顯示不同 { var tabNode =
Time of Update: 2014-05-27
今天學習了利用jQuery實現可以編輯的表格這個例子。這個例子需求是這樣的:在前台的表格中單擊單元格便可修改其中的內容,斷行符號鍵儲存修改的內容,esc撤銷儲存的內容。原理:單擊用戶端表格單元格時,在單元格中添加一個文字框,並將單元格中原來的內容賦值給文字框,再進一步去修改文字框內容,修改後將文字框內容重新賦值給單元格。源碼:前台代碼:
Time of Update: 2014-05-27
複製代碼 代碼如下: <!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> <meta http-equiv="Content-Type"
Time of Update: 2014-05-27
周末為瞭解答一個問題,寫了一堆代碼,功能基本實現,但感覺結構太差了,沒太多考慮。一點都不漂亮 複製代碼 代碼如下: <!DOCTYPE HTML> <HTML> <head> <TITLE>The document title</TITLE> <meta charset=utf-8> <script src="lib/jquery-1.8.1.min.js" type="text/javascript"><
Time of Update: 2014-05-27
問題:經常使用jQuery外掛程式的attr方法擷取checked屬性值,擷取的值的大小為未定義,此時可以用prop方法擷取其真實值,下面介紹這兩種方法的區別: 1.通過prop方法擷取checked屬性,擷取的checked傳回值為boolean,選中為true,否則為flase 複製代碼 代碼如下: <input type="checkbox" id="selectAll" onclick="checkAll()">全選 function checkAll() { var
Time of Update: 2014-05-27
實現滑鼠可拖動調整表格列寬度 一、引入檔案: 複製代碼 代碼如下: <script src="/js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="/js/store.js" type="text/javascript"></script> <script src="/js/jquery.resizableColumns.js" type="
Time of Update: 2014-05-27
當調用WebView
Time of Update: 2014-05-27
php有個很方便的用法是在定義函數時可以直接給參數設預設值,如: 複製代碼 代碼如下: function simue ($a=1,$b=2){ return $a+$b; } echo simue(); //輸出3 echo simue(10); //輸出12 echo simue(10,20); //輸出30 但js卻不能這麼定義,如果寫function simue(a=1,b=2){}會提示缺少對象。 js函數中有個儲存參數的數組arguments
Time of Update: 2014-05-27
1、直接運行run.bat檔案 下面的內容為批次檔run.bat中的內容,批處理命令中NODE_PATH為Node.js的安裝路徑。使用express 產生的項目。app.js為待測試的Node.js 檔案。 @set NODE_PATH=D:\nodejs\demo\npm @echo %PATH% | find "Node.js" @if %errorlevel% == 1 set PATH=%PATH%;%NODE_PATH%
Time of Update: 2014-05-27
全選按鈕的實現為: 複製代碼 代碼如下: <input type="checkbox" name="all" onclick="checkAll()" />全選<br /> <input type="checkbox" name="item" value="3000" />膝上型電腦:3000元<br /> <input type="checkbox" name="item" value="3000" />膝上型電腦:300
Time of Update: 2014-05-27
今天在寫jquery時發現sliderToggle在setTimeouter中不生效,還報錯說是發生了意想不到的錯誤。看了很久也沒明白後來猛然發現使用show();hide();就可以。 bootstrap的一些學習筆記。 首先應該瞭解其架構構成,什麼對應什麼,其次是名稱要熟練記憶,一般而言都是所見即所得 (WYSIWYG),名字很有規律。最後是多練,在練習中逐漸掌握這些規則。
Time of Update: 2014-05-27
一、引入檔案 複製代碼 代碼如下: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script> <!-- 引入以下樣式則表頭出現排序表徵圖,同時引入圖片 --> <link href="css/style.css"
Time of Update: 2014-05-27
今天學習了利用jQuery實現可以編輯的表格這個例子。這個例子需求是這樣的:在前台的表格中單擊儲存格便可修改其中的內容,斷行符號鍵儲存修改的內容,esc撤銷儲存的內容。原理:單擊用戶端表格儲存格時,在儲存格中添加一個文字框,並將儲存格中原來的內容賦值給文字框,再進一步去修改文字框內容,修改後將文字框內容重新賦值給儲存格。 源碼: 前台代碼: 複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true"
Time of Update: 2014-05-27
http://photo.163.com/shixiaojian089/train/28002 這是網易的一個相簿,看到後想試著做做看。 在我的製作方法中,需要擷取到每張照片的寬度,所以很自然就使用了jq的width()方法。在ff跟ie下運行問題不大,但是到了chrome上,就出現問題了。