JavaScript

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

學習javascript的閉包,原型,和匿名函數之旅，javascript之旅本文通過樣本給大家介紹javascript的閉包,原型,和匿名函數，具體詳情請看下文。一 .>關於閉包理解閉包 需要的知識1.變數的範圍例1:var n =99; //建立函數外的全域變數function readA(){ alert(n); //讀取全域變數}readA(); //執行此函數例2:function readB(){ var c = 9; function readC(){

JS實現選中當前菜單後高亮顯示的導航條效果，高亮顯示導航條本文執行個體講述了JS實現選中當前菜單後高亮顯示的導航條效果。分享給大家供大家參考。具體如下：這裡示範選中當前菜單後，該菜單高亮顯示，也就是說在不改變菜單CSS代碼的情況下，用JavaScript去控制功能表的背景，如果該功能表項目被點擊後，將賦予它一個與眾不同的背景顏色或背景映像，這樣可以清淅的指引使用者下在瀏覽的網站欄目，本菜單不需要動態語言的加入，簡單方便而且效果好。運行效果如下：線上示範地址如下：http://demo.jb51.

jQuery實現仿QQ線上客服效果的滾動層代碼，jquery線上客服本文執行個體講述了jQuery實現仿QQ線上客服效果的滾動層代碼。分享給大家供大家參考。具體如下：這是一款jQuery滾動層，可以做成仿QQ線上客服，雖然效果有點生硬，但水平就這麼高了，彈出層是挺實用的，期待大家有新的改進。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-f-qq-online-style-scroll-style-demo/具體代碼如下：<!DOCT

如何垂直置中一個<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;

jquery 中 children、find

讓所有瀏覽器包括IE6即支援最大寬度又支援最小寬度。，ie6寬度讓所有瀏覽器包括IE6即支援最大寬度又支援最小寬度。_height  _width：針對ie6 css hack.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth

負margin置中，margin置中<!DOCTYPE html><html> <head> <title> new document </title> <meta name="author" content="胡超" /> <meta charset="utf-8"/> <style type="text/css"> div { /*負邊距margin使置中，首先定位到50%

jquery實現簡單實用的彈出層效果代碼，jquery簡單實用本文執行個體講述了jquery實現簡單實用的彈出層效果。分享給大家供大家參考。具體如下：目前來說，我還是喜歡這個自己改造的彈出層，在項目中用的也是這個。引入了新版的jquery外掛程式，方框及文字都可以自己定義，非常方便，希望大家也喜歡這款彈出層，JavaScript在本例中也充分發揮了作用，對學習JS也是不錯的參考。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-simple-

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(

JS實現的最簡Table選項卡效果，js最簡table選項卡本文執行個體講述了JS實現的最簡Table選項卡效果。分享給大家供大家參考。具體如下：這是一款最簡易的Table選項卡，是基於Table表格的，非DIV結構，習慣表格的朋友可能會喜歡本選項卡，部分修飾仍然用的是Table，比如表格邊框、背景顏色等，個人感覺好像用Table比用DIV結構代碼更精簡一些。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-z-simple-tab-nav-menu

JavaScript中list的簡單使用(菜單)很簡單的一個使用：點擊菜單，能夠顯示下面的或者不顯示1，主要目的：： 展現的是的一個功能表項目，然後點擊一下，隱藏，點一下，彈出下面的內容用到的是 overflow：hidden 和 overflow=visible這兩個屬性

CSS3學習筆記（5）—頁面遮罩效果，css3學習筆記今天把頁面遮罩的效果發一下，之前遮罩都是用JS實現的，忽然發現CSS3裡面的box-shadow屬性除了做立體陰影外，還可以做頁面的遮罩~~~~下面來看一下完成的動態效果：從可以看出，就是當滑鼠懸浮在按鈕上時，會出現整個頁面的遮罩，當然調一下透明度就是網頁中經常看到的當滑鼠懸浮在一張圖片上時，周圍的其他圖片都被遮罩了，這樣就達到了突出這張圖片的效果，其實這個效果做出來很簡單~~~~~  一、主體程式：<!DOCTYP

Node.js開發入門—Stream用法詳解Stream是Node.js中非常重要的一個模組，應用廣泛。一個流是一個具備了可讀、可寫或既可讀又可寫能力的介面，通過這些介面，我們可以和磁碟檔案、通訊端、HTTP請求來互動，實現資料從一個地方流動到另一個地方的功能。所有的流都實現了EventEmitter的介面，具備事件能力，通過發射事件來反饋流的狀態。比如有錯誤發生時會發射“error”事件，有資料可被讀取時發射“data”事件。這樣我們就可以註冊監

淺談angular.js中實現雙向繫結的方法$watch $digest $apply，angular.jsdigestAngular.js 中的特性,雙向繫結.多麼神奇的功能,讓視圖的改變直接反應到資料中,資料的改變又即時的通知到視圖,如何做到的?這要歸功於 scope 下面3個重要的方法:$watch$digest$apply他們的區別是什麼,我們來介紹下:$watch這是一個監聽 scope

JS更改select內option屬性的方法，js更改selectoption本文執行個體講述了JS更改select內option屬性的方法。分享給大家供大家參考。具體如下：幫一位友人解決了一個小問題，需求是更改選中選項卡內顯示的文本值，新值存放在某個文字框內初始視窗：<html> <head> <title>原視窗</title> <script> var parentValue="";

淺析四種常見的聲明迴圈變數的書寫方式，淺析四種變數書寫Javascript中的迴圈變數聲明，到底應該放在哪兒？習慣1：不聲明直接使用function loop(arr) { for (i = 0; i < arr.length; i++) { // do something } } 非常危險的使用習慣，一般情況下迴圈變數將成為window對象上的一個屬性被全域使用，極有可能影響程式的正常邏輯實現。

JavaScript中的windon部分功能示範1，onload,onunload onbeforeunload的使用<script type=text/javascript src=1.js></script>--><script type=text/javascript>onload=function(){//事件設定頁面載入時執行的動作，即進入頁面的時候執行的動作alert(onload...);}onunload

Node.js與Sails ~項目結構與Mvc實現及日誌機制，node.jssails本文首先從sails的安裝講起接下來介紹node.js與Sails的日誌機制，小夥伴們已經迫不及待要看下文了吧，好吧。Sails是一個Node.js的中介軟體架構，協助我們很方便的構建WEB應用程式，網址：http://www.sailsjs.org/，它主要是在Express架構的基礎上發展起來的，擴充了新的功能組件，下面我們來看一下安裝方法一 安裝Sailsnpm -g install sails二

JS簡單限制textarea內輸入字元數量的方法，jstextarea本文執行個體講述了JS簡單限制textarea內輸入字元數量的方法。分享給大家供大家參考。具體如下：這裡示範JS限制一個area內的字元不能超過255，多餘則截取。代碼如下：<script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," "); //將漢字替換為兩個空格 return