Time of Update: 2015-10-19
js實現新浪微博首頁效果,js新浪博首頁我們先來看下CSS* { padding: 0; margin: 0; }li { list-style: none; }body { background: #eee; }#t_sina { width: 390px; padding: 10px; background: #fff; margin: 50px auto 0; font-size: 12px; border: 1px solid #ccc; }#t_sina h2 { padding: 1
Time of Update: 2015-10-19
jQuery實現帶漸顯效果的人物多級關係圖代碼,jquery漸顯本文執行個體講述了jQuery實現帶漸顯效果的人物多級關係圖。分享給大家供大家參考。具體如下:這裡示範jQuery實現帶漸顯效果的人物多級關係圖,setQuestPose:function中的n代表共幾個對象 r代表周長 i代表第幾個對象 w代表外面對象的寬頻 h代表外面對象的高度
Time of Update: 2015-10-19
js產生隨機數的方法執行個體,js隨機數執行個體js產生隨機數主要用到了內建的Math對象的random()方法。用法如:Math.random()。它返回的是一個 0 ~ 1 之間的隨機數。有了這麼一個方法,那產生任意隨機數就好理解了。比如實際中我們可能會有如下的需要:(1)產生一個 0 - 100 之間的隨機整數,那麼則可以:parseInt(100*Math.random());
Time of Update: 2015-10-19
基於jQuery實現的菜單轉場效果,jquery實現切換這是一個非常流暢的菜單展示效果,應用在亞馬遜上,當你上下移動滑鼠的時候,二級菜單會非常輕快的切換,沒有任何延時,給使用者如滑絲般的感覺。這種效果藉助於一款jQuery外掛程式menu-aim,本文將結合執行個體講解如何?速度超快的菜單效果。HTML首先建立主菜單,我們借用電商網站常見的商品分類。其html結構代碼如下,其中我們用到了html5的data-submenu-id屬性設定,這在外掛程式調用時非常有用。<div class="
Time of Update: 2015-10-19
JavaScript各類型的關係圖解,javascript各類型內建(Build-in)對象與原生(Naitve)對象的區別在於:前者總是在引擎初始化階段就被建立好的對象,是後者的一個子集;而後者包括了一些在運行過程中動態建立的對象。此外,補充一中用到的概念:1、內建(Build-in)對象與原生(Naitve)對象的區別在於:前者總是在引擎初始化階段就被建立好的對象,是後者的一個子集;而後者包括了一些在運行過程中動態建立的對象。2、引擎擴充項物件是一個並不太大的集合,一般來說比較確定,它們也屬
Time of Update: 2015-10-19
基於jquery實現複選框全選,反選,全不選等功能,jquery全選jquery 實現全選,反選,全不選等功能,下面直接以例子進行說明。設頁面有如下一組複選框和幾個相關按鈕(全選,反選,全不選等):<input type="checkbox" name="fruit" value="apple" />蘋果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type="checkbox"
Time of Update: 2015-10-19
JavaScript實現點擊按鈕切換網頁背景色的方法,javascript網頁背景本文執行個體講述了JavaScript實現點擊按鈕切換網頁背景色的方法。分享給大家供大家參考,具體如下:這裡示範JavaScript用按鈕隨意變換背景顏色,每點擊一下按鈕,就可以隨機改變一種網頁背景顏色。顏色值事先是儲存在JS的數組裡,你在代碼裡會發現他們,若不想要某個顏色,就替換掉即可。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-btn-click-rand-b
Time of Update: 2015-10-18
sunny day,sunny初始學習記錄 基於http://www.htmleaf.com/html5/html5muban/20141121552.html模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>標題</title> <style>button{ background: #686
Time of Update: 2015-10-19
學習javascript的閉包,原型,和匿名函數之旅,javascript之旅本文通過樣本給大家介紹javascript的閉包,原型,和匿名函數,具體詳情請看下文。一 .>關於閉包理解閉包 需要的知識1.變數的範圍例1:var n =99; //建立函數外的全域變數function readA(){ alert(n); //讀取全域變數}readA(); //執行此函數例2:function readB(){ var c = 9; function readC(){
Time of Update: 2015-10-18
JS實現選中當前菜單後高亮顯示的導航條效果,高亮顯示導航條本文執行個體講述了JS實現選中當前菜單後高亮顯示的導航條效果。分享給大家供大家參考。具體如下:這裡示範選中當前菜單後,該菜單高亮顯示,也就是說在不改變菜單CSS代碼的情況下,用JavaScript去控制功能表的背景,如果該功能表項目被點擊後,將賦予它一個與眾不同的背景顏色或背景映像,這樣可以清淅的指引使用者下在瀏覽的網站欄目,本菜單不需要動態語言的加入,簡單方便而且效果好。運行效果如下:線上示範地址如下:http://demo.jb51.
Time of Update: 2015-10-18
jQuery實現仿QQ線上客服效果的滾動層代碼,jquery線上客服本文執行個體講述了jQuery實現仿QQ線上客服效果的滾動層代碼。分享給大家供大家參考。具體如下:這是一款jQuery滾動層,可以做成仿QQ線上客服,雖然效果有點生硬,但水平就這麼高了,彈出層是挺實用的,期待大家有新的改進。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-f-qq-online-style-scroll-style-demo/具體代碼如下:<!DOCT
Time of Update: 2015-10-17
如何垂直置中一個<img>?,垂直置中img<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> #a1{ display:table-cell; text-align:center;
Time of Update: 2015-10-17
jquery 中 children、find
Time of Update: 2015-10-16
讓所有瀏覽器包括IE6即支援最大寬度又支援最小寬度。,ie6寬度讓所有瀏覽器包括IE6即支援最大寬度又支援最小寬度。_height _width:針對ie6 css hack.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth
Time of Update: 2015-10-18
jquery實現簡單實用的彈出層效果代碼,jquery簡單實用本文執行個體講述了jquery實現簡單實用的彈出層效果。分享給大家供大家參考。具體如下:目前來說,我還是喜歡這個自己改造的彈出層,在項目中用的也是這個。引入了新版的jquery外掛程式,方框及文字都可以自己定義,非常方便,希望大家也喜歡這款彈出層,JavaScript在本例中也充分發揮了作用,對學習JS也是不錯的參考。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-simple-
Time of Update: 2015-10-16
JavaScript動態建立table表格介紹:原先的table都是自己寫好的,我們讓在body標籤中不寫,讓它通過JavaScript中的代碼產生:方法一:最原始的方法,建立一一元素var a1=document.createElement(table);var a2=document.createElement(tbody);var a3=document.createElement(tr);var a4=document.createElement(td);//開始appendchild(
Time of Update: 2015-10-16
CSS3學習筆記(5)—頁面遮罩效果,css3學習筆記今天把頁面遮罩的效果發一下,之前遮罩都是用JS實現的,忽然發現CSS3裡面的box-shadow屬性除了做立體陰影外,還可以做頁面的遮罩~~~~下面來看一下完成的動態效果:從可以看出,就是當滑鼠懸浮在按鈕上時,會出現整個頁面的遮罩,當然調一下透明度就是網頁中經常看到的當滑鼠懸浮在一張圖片上時,周圍的其他圖片都被遮罩了,這樣就達到了突出這張圖片的效果,其實這個效果做出來很簡單~~~~~ 一、主體程式:<!DOCTYP
Time of Update: 2015-10-16
Node.js開發入門—Stream用法詳解Stream是Node.js中非常重要的一個模組,應用廣泛。一個流是一個具備了可讀、可寫或既可讀又可寫能力的介面,通過這些介面,我們可以和磁碟檔案、通訊端、HTTP請求來互動,實現資料從一個地方流動到另一個地方的功能。所有的流都實現了EventEmitter的介面,具備事件能力,通過發射事件來反饋流的狀態。比如有錯誤發生時會發射“error”事件,有資料可被讀取時發射“data”事件。這樣我們就可以註冊監
Time of Update: 2015-10-16
JavaScript中的windon部分功能示範1,onload,onunload onbeforeunload的使用<script type=text/javascript src=1.js></script>--><script type=text/javascript>onload=function(){//事件設定頁面載入時執行的動作,即進入頁面的時候執行的動作alert(onload...);}onunload
Time of Update: 2015-10-16
JS簡單限制textarea內輸入字元數量的方法,jstextarea本文執行個體講述了JS簡單限制textarea內輸入字元數量的方法。分享給大家供大家參考。具體如下:這裡示範JS限制一個area內的字元不能超過255,多餘則截取。代碼如下:<script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," "); //將漢字替換為兩個空格 return