Time of Update: 2015-10-27
JavaScript之 ------ 文件物件模型(DOM) 文件物件模型(DOM)是一個能夠讓程式和指令碼動態訪問和更新文檔內容、結構和樣式的語言平台, 提供了標準的 HTML 和 XML 對象集, 並有一個標準的介面來訪問並操作它們。 ”它使得程式員可以很快捷地訪問 HTML 或 XML 頁面上的標準組件,如元素、樣式表、指令碼等等並作相應的處理。DOM 標準推出之前,建立前端 Web 應用程式都必須使用Java Applet 或
Time of Update: 2015-10-27
基於Bootstrap3的輕量級大型導覽功能表,bootstrap3導覽功能表yamm3是一款基於Twitter Bootstrap3的輕量級大型導覽功能表外掛程式。該大型菜單使用Bootstrap3標準的導覽功能表標籤和流式網格系統來製作。它具有頂部固定和響應式等特點,適合用於製作複雜的網站導覽功能表。線上預覽 源碼下載 安裝可以通過bower來安裝該Bootstrap3大型菜單外掛程式。bower install yamm3
Time of Update: 2015-10-26
JS實現不使用圖片仿Windows右鍵菜單效果代碼,js右鍵菜單本文執行個體講述了JS實現不使用圖片仿Windows右鍵菜單效果代碼。分享給大家供大家參考,具體如下:這裡示範JS不使用圖片仿Windows右鍵菜單效果,這款代碼靈活使用了文鼎字,配合CSS和JS做出了這個和系統右鍵菜單很相似的東東。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-windows-right-button-menu-codes/具體代碼如下:<HTML>&l
Time of Update: 2015-10-26
淺談node.js中async非同步編程,node.jsasync1.什麼是非同步編程?非同步編程是指由於非同步I/O等因素,無法同步獲得執行結果時,在回呼函數中進行下一步操作的代碼編寫風格,常見的如setTimeout函數、ajax請求等等。樣本:for (var i = 1; i <= 3; i++) {setTimeout(function(){console.log(i);}, 0);};這裡大部分人會認為輸出123,或者333。其實它會輸出 444這裡就是我們要說的非同步編程了。
Time of Update: 2015-10-26
jQuery實現分章節錨點“回到頂部”動畫特效代碼,jquery回到頂部本文執行個體講述了jQuery實現分章節錨點“回到頂部”動畫特效。分享給大家供大家參考,具體如下:這裡示範基於jquery實現的分章節動畫實現“回到頂部”的效果,可通過 網頁頂部的數字序號直接進入網頁的章節,當處於第二章節的時候,網頁右側會顯示豎排的控制按鈕,點擊按鈕會回到相應章節,其實也就是定義好的錨點,當然也可回到頂部,網頁上見到的回頂部大多不是這個樣子,所以本款效果還挺新穎。運行效果如下:線上示範地址如下:http:/
Time of Update: 2015-10-26
使用jquery外掛程式qrcode產生二維碼,jquery外掛程式qrcode二維碼應用已經滲透到我們的生活工作當中,您只需要用手機對著二維碼“掃一掃”即可獲得所對應的資訊,方便我們瞭解商家、購物、觀影等等。本文將介紹一款基於jquery的二維碼產生外掛程式qrcode,在頁面中調用該外掛程式就能產生對應的二維碼。qrcode其實是通過使用jQuery實現圖形渲染,畫圖,支援canvas(HTML5)和table兩種方式,您可以到擷取最新的代碼。如何使用1、首先在頁面中加入jquery庫檔案和
Time of Update: 2015-10-26
深入淺析javascript立即執行函數,淺析javascript函數javascript和其他程式設計語言相比比較隨意,所以javascript代碼中充滿各種奇葩的寫法,有時霧裡看花;當然,能理解各型各色的寫法也是對javascript語言特性更進一步的深入理解。 JavaScript 函數文法函數就是包裹在花括弧中的代碼塊,前面使用了關鍵詞 function:function
Time of Update: 2015-10-25
Bootstrap學習(3),bootstrap學習Bootstrap 圖片 Bootstrap 對圖片的支援。Bootstrap 提供了三個可對圖片應用簡單樣式的
Time of Update: 2015-10-26
js中對函數設定預設參數值的3種方法,js3種在javascript中如何為函數設定預設參數值,下面提供幾種方法供大家參考。第一種方法:function example(a,b){ var a = arguments[0] ? arguments[0] : 1;//設定參數a的預設值為1 var b = arguments[1] ? arguments[1] : 2;//設定參數b的預設值為2 return a+b; } 注意以上函數也可寫作如下:function
Time of Update: 2015-10-16
插入並列div使其置中,並列div置中<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title><style type="text/css"> html,body,div {margin: 0;padding: 0}/*、在
Time of Update: 2015-10-16
JavaScript+CSS實現仿Mootools豎排彈性動畫菜單效果,cssmootools本文執行個體講述了JavaScript+CSS實現仿Mootools豎排彈性動畫菜單效果。分享給大家供大家參考。具體如下:這裡示範JavaScript+CSS仿Mootools豎排黑色動畫菜單,並非使用了Mootools,但效果卻和使用了Mootools差不多,動畫效果平滑,操作舒服,給菜單增色不少。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-
Time of Update: 2015-10-15
多裝置適應的前端開發時代如何字型單位選擇,前端字型在做手機web或app的時候,為適應不同螢幕,你可能需要寫很多針對不同螢幕大小的css代碼,那麼這個時候我們如果用固定大小去設定字型的大小就要些很多代碼了。這個時候我們需要使用相對大小了,這樣該其他我們之需要修改指定根項目的值了。css3中也出現新的字型單位rem,在幾乎所有的自適應網頁設計的書籍及文章中都推薦使用em作為字型單位,甚至推薦你使用em來作為你所有設定size部分的單位。那麼em和px如果轉換呢?1 ÷
Time of Update: 2015-10-14
style標籤進行即時編輯及修改css(轉),stylecss心得:style也是一個標籤,那麼也可以使用css對其進行編輯html5新屬性 contenteditable,可以讓標籤元素處於可編輯狀態,對於style標籤也適用為了不影響head標籤裡的style標籤,如此寫body style {}最後代碼為:body style { display: block; padding: 0.6em 0.8em; border: 1
Time of Update: 2015-10-15
z-index優先順序總結,z-index優先順序因為顯示器顯示的圖案是一個二維平面,擁有x軸和y軸來表示位置屬性。為了表示三維立體的概念如顯示元素的上下層的疊加順序引入了z-index屬性來表示z軸的區別,表示一個元素在疊加順序上的上下立體關係。 可能的值: 注釋: 所有主流瀏覽器都支援 z-index 屬性。任何的版本的 Internet
Time of Update: 2015-10-14
jQuery實現仿新浪微博浮動的訊息提示框(可智能定位),jquery新浪本文執行個體講述了jQuery實現仿新浪微博浮動的訊息提示框。分享給大家供大家參考。具體如下:這是一款jQuery實現的仿新浪微博新訊息提示框效果,支援智能浮動定位框,新浪微博用來提示訊息時候的智能定位框,可以適時關閉視窗,你完全可以將其應用到你網頁的其它地方。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-sina-weibo-info-dlg-demo/具體代碼如下:
Time of Update: 2015-10-14
一個php+js即時顯示時間問題,phpjs即時顯示我們先來看下這段代碼$(function(){setInterval(function(){var timer = '<?php echo date("Y-m-d H:i:s",time())
Time of Update: 2015-10-14
JS實現的車標圖片提示效果代碼,js本文執行個體講述了JS實現的車標圖片提示效果。分享給大家供大家參考。具體如下:這是一款基於JavaScript的滑鼠提示效果,名車車標展示提示效果-滑鼠移過時顯示車標圖片,頁面開啟後並不顯示車標,只有當滑鼠移在車標上的時候,車標才突然出現,類似Js提示特效,本代碼相容性也寫的不錯,代碼也並不複雜,大部分是調用圖片的。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-car-ico-alert-style-demo/
Time of Update: 2015-10-14
快速學習JavaScript的6個思維技巧,快速學習javascript我們在學習JavaScript,或其他任何編碼技能的時候,往往是因為這些攔路虎而裹足不前: 有些概念可能會造成混淆,尤其當你是從其他語言轉過來的時候。 找不到時間(有時是動力)學習。 很容易忘記已經理解了的東西。
Time of Update: 2015-10-14
JS實現新浪微博效果帶遮罩層的彈出框代碼,js遮罩本文執行個體講述了JS實現新浪微博效果帶遮罩層的彈出框代碼。分享給大家供大家參考。具體如下:這是一款新浪微博效果的彈出框,現成的JS代碼,相容IE6+,以及各主流瀏覽器。新浪微博彈出層並可拖拽,操作輕鬆舒適,符合使用者的瀏覽習慣,將代碼推薦給各位網友。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-sina-zzxg-dlg-demo/具體代碼如下:<!DOCTYPE html PUBLIC
Time of Update: 2015-10-14
淺談Nodejs觀察者模式,淺談nodejs觀察者一、前言Nodejs使用有些日子了,近來再回顧下其API、多使用新特性,以期有更高層次的掌握,本次API的總結區別於單純對英文版的漢化,會多做些擴充和自己的理解,希望對大家有所協助,先從最核心的Events開始Nodejs的Events實現了一種觀察者模式,其支援了Nodejs的核心機制,且http / fs /