Time of Update: 2014-11-07
兩列布局,div兩列布局一、常見的兩列布局如百度搜尋結果頁面,兩列固定寬度,高度自適應。 部落格園文章內容頁面和上邊的結構類似。二、實現兩列布局步驟1)應用浮動 CSS如下*{margin:0;padding:0;}#header,#footer{width:960px; height:40px; background-color:#f0f0f0; margin:0 auto;}#drapper{ width:960px; margin:10px auto;}
Time of Update: 2014-11-07
15個讓人驚訝的 CSS3 動畫效果示範,讓人驚訝css3 CSS 是網頁設計非常重要的一部分,隨著越來越多的瀏覽器對 CSS3 支援的不斷完善,設計師和開發人員們有了更多的選擇。如今,用純 CSS 就可以實現各種各樣很酷的效果,甚至是動畫。 本文收集了15個驚人的 CSS3 動畫示範,它們將證明 CSS3 Transform 和 Transition 屬性的強大能力。1. Pure CSS Coke Can 2. Colorful Clock 3
Time of Update: 2014-11-07
JavaScript組合拼接字串的效率對比測試,javascript對比測試在指令碼開發過程中,經常會按照某個規則,組合拼接出一個大字串進行輸出。比如寫指令碼控制項時控制整個控制項的外觀的HTML標籤輸出,比如AJAX裡得到伺服器端的回傳值後動態分析建立HTML標籤時,不過這裡我就不討論拼接字串的具體應用了,我只是想在這裡討論一下拼接的效率。字串的拼接在我們寫代碼的時候都是用“+=”這個運算子,s += String;
Time of Update: 2014-11-07
CSS彈出背景視窗半透明效果,css視窗半透明效果<script type="text/javascript" src="<ww:url value='/js/jquery-1.8.3.min.js'/>" language="javascript"></script> <script type="text/javascript"> $(function(
Time of Update: 2014-11-07
JavaScriptRegex文法及使用範例大全JavaScriptRegex1. 使用JSRegex,首先要瞭解JSRegex的常用符號,如:/…/代表一個模式的開始和結束^匹配字串的開始$匹配字串的結束\s匹配一個空白字元\S匹配一個非空白字元\d匹配一個數字字元,等價於[0-9]\D匹配一個非數字字元,等價於[^0-9]\w匹配一個數字、字母、或底線,等價於[A-Za-z0-9_].匹配一個除了分行符號之外的字元\逸出字元,對於上述這些特殊的符號,如果要匹配,則需要加\進行轉義{
Time of Update: 2014-11-07
JavaScript中發布/訂閱模式的簡單一實例,javascript訂閱上次研究觀察者模式,很多文章說它也叫Subscribe/Publish(發布/訂閱模式)。可在《Javascript設計模式》一書中,這兩種模式還是有些區別的。書中原話如下:1.Observer模式要求希望接收到主題通知者的觀察者必須訂閱內容改變的事件。2.Subscribe/Publish模式使用了一個主題/事件通道,這個通道介於訂閱者和發行者之間。該事件系統允許代碼定義應用程式的特定事件,該事件可以傳遞自訂參數,自訂參
Time of Update: 2014-11-07
javascript中閉包的2種經典用法閉包這個東西,網上有很多介紹資料。個人看了很多,還是一知半解。這裡不做理論介紹,直接給出2個例子。 代碼1:記錄函數被調用的次數function a(){var i = 0;function b(){return ++i;}return b;}var c = a();c();//1c();//2這種方式類似C語言中的private static變數,能夠保持局部變數的記憶體不釋放。 代碼2:正確給DOM註冊事件處理函數<script
Time of Update: 2014-11-07
JavaScript中的style.cssText使用教程,javascriptcsstext很多人用過 style.color、style.display 等直接設定元素的樣式屬性,但是 style.cssText 用過的人就不多了。cssText 本質是什嗎?cssText 的本質就是設定 HTML 元素的 style 屬性值。cssText 怎麼用?複製代碼 代碼如下:document.getElementById("d1").style.cssText = "color:red;
Time of Update: 2014-11-07
javascript解析json執行個體詳解,javascriptjson執行個體本文執行個體講述了javascript解析json的方法。分享給大家供大家參考。具體方法如下:下載json庫http://www.json.org/json-zh.html自己找javascript的或者直接去下面的https://github.com/douglascrockford/JSON-js php產生json格式使用頁面複製代碼 代碼如下:<script
Time of Update: 2014-11-07
HTML+JavaScript實現鏈式運動特效在學習js的過程中,發現這傢伙做特效真是不錯,雖然說目前水平還不夠,不過也能寫點簡單的效果。今天分享一個簡單的運動架構,然後利用這個架構實現簡單的鏈式運動特效。1.move.js在運動架構中,主要進行長寬變化和透明度的變化。長寬的變化可以實現DIV的體積運動變化效果,透明度的話主要是在滑鼠移入移出事件中添加淡入淡出的效果。我將這個簡單的運動架構封裝到一個單獨的js檔案中,方便調用。先看看代碼://用於擷取非行間樣式function getStyle(
Time of Update: 2014-11-07
javascript中兩種定義函數方式的差別以及函數的先行編譯效果我們知道在javascript中定義函數的方式有以下兩種:function mm(){ }這種形式是聲明一個函數,跟 var 聲明一個變數機制一樣,指令碼在解釋執行之前會做先行編譯處理。 var mm = function(){ }這種形式是對一個變數賦值,雖然也做先行編譯,但僅僅只是給 mm 事先變數分配一個記憶體空間,而沒有做初始化。代碼1: alert(a);//列印函數a的記憶體
Time of Update: 2014-11-06
關於壇友的一個布局問題的解答,壇友布局問題解答來源:http://www.ido321.com/1147.html需求:讓select、ul、文字、button、text顯示在一行中,效果戳:http://bbs.csdn.net/topics/390915380?page=1#post-398415668 我的實現如下HTML:<!DOCTYPE html><html> <head>
Time of Update: 2014-11-07
5個書寫JavaScript代碼的壞習慣,看看你中槍了沒?,javascript壞習慣Javascript在互連網上名聲很臭,但你又很難再找到一個像它這樣如此動態、如此被廣泛使用、如此根植於我們的生活中的另外一種語言。它的低學習門檻讓很多人都稱它為學前指令碼語言,它另外一個讓人嘲笑的東西是動態語言的概念是偏偏使用了高標準的待用資料類型。其實,你和Javascript都站錯了立場,而現在,你讓Javascript很生氣。這裡有五個原因能說明你的Javascript技術很爛。1.
Time of Update: 2014-11-06
【讀書筆記】Head first HTML with CSS 第二版,headcss附錄: HTML Cheat Sheet 一下午讀了300頁,這本書真的是大白話,目標讀者應該是那些完全沒有編程經驗的人群入門。 Tips: IE無法正確顯示頁面主體周圍的邊框 body{border:} index.html#id 用id連結到頁面元素 像素:你的電腦顯示屏是由樹百萬個稱為像素的點組成的 <br>換行,void類型的元素
Time of Update: 2014-11-06
Jquery入門(一) 很早前就看到Jquery,但是部落格一直沒寫,因為一直沒用到,校招也忙成狗了。先是去了一家小創業公司,環境確實不錯,不過後面又拿到另外一家的offer,考慮之後最後還是去另外一家。最後還是進入了一家我個人還是覺得很滿意的公司,環境條件是我大學裡面就很憧憬的,鼓掌!!!!!!鼓掌!!!!!!
Time of Update: 2014-11-06
html 檔案上傳框 input標籤, 檔案上傳框 有時候,需要使用者上傳自己的檔案,檔案上傳框看上去和其它 文本域差不多,只是它還包含了一個瀏覽按鈕。訪問者可以通 過輸入需要上傳的檔案的路徑或者點擊瀏覽按鈕選擇需要上傳 的檔案。 代碼格式:<input type=“file” name=“...” size=“15” input enctype="multipart/form-data“
Time of Update: 2014-11-06
Node.js 向用戶端發送流資料如果某個被請求的頁面資料比較大,或者是一個需要一定時間來完成的資料流,那麼以流的方式把已經完成的資料發送給用戶端是一個比較好的做法。在express中,一般的做法是等資料完成之後,統一發送,如使用exec執行系統命令時,之後在命令結束之後,才會調用回呼函數處理命令輸出。function cmd(command,req,callback) { var sys = require('sys')var exec =
Time of Update: 2014-11-06
javascript定時getTime1、JS定時注意日期格式,不能用2014-11-14,IE11 不支援var d=new Date("2014/11/14");var c=new Date();setInterval(function(){$(".gift-input input").css("background","#999999");$(".gift-input input").val("活動結束");$(".gift-input input").removeAttr(
Time of Update: 2014-11-06
JavaScript語言基礎4 談談JavaScript 中的變數。 在JavaScript 中使用變數的好處:變數儲存在電腦的記憶體中,變數非常適合於儲存臨時性的資料 ,變數只具有有限的生存期,當使用者關閉了頁面或者開啟一個新的頁面,變數就會被釋放。 在JavaScript 代碼中,變數名是大小寫敏感的,另外,某些特定的單詞 或字元不能作為變數名,這些特定的單詞就是JavaScript 中的保留字,例如:var、
Time of Update: 2014-11-06
JQuery學習(2) 實現圖片列表的自動滾動,單擊左右導航的圖片移動,以及單擊圖片放大的功能: 很多代碼細節跟HTML、CSS相關,But······$(document).ready(function() {/* * this function will make the carousel scroll auto-matically. * it is no different than the scrollRight click function * aside from