JavaScript

標籤：閉包（closure）是Javascript語言的一個痛點，也是它的特色，很多進階應用程式都要依靠閉包實現。一、變數的範圍要理解閉包，首先必須理解Javascript特殊的變數範圍。變數的範圍無非就是兩種：全域變數和局部變數。Javascript語言的特殊之處，就在於函數內部可以直接讀取全域變數。Js代碼 　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函數外部自然無法讀取函數內的局部變數。 Js代碼

可自訂配置箭頭的CSS3氣泡提示框，css3氣泡今天我們要來分享一款基於純CSS的氣泡提示框，和之前分享的一款jQuery訊息提示框外掛程式Tipso類似，整個提示框由箭頭和矩形框組成，並且氣泡提示框的箭頭可以有不同的方向。這款CSS氣泡提示框由純CSS完成，最大的特點就是可以自訂配置，包括文字顏色、背景顏色和箭頭方向等。如下：線上預覽    源碼下載實現的代碼。css代碼：.arrow_box { position: relative;

div的背景是不是透明的，div背景是不是透明div的背景是不是透明的:建議:儘可能的手寫代碼，可以有效提高學習效率和深度。這個問題比較簡單，但是可能對於初學者比較陌生，例如，有的初學者可能認為div的背景顏色是白色的，因為有時候看起來就是這樣的。下面通過一個執行個體來證明一下是不是這樣的。代碼如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"

IE7 瀏覽器下面設定text-indent屬性變成margin屬性BUG，text-indentmargin問題來源今天做項目的時候發現了一個問題，在使用text-indent屬性對元素進行縮排是發現在360瀏覽器下發生了元素位移，跟margin-left的效果一樣，開啟f12發現3607.1瀏覽採用的ie7.0的文檔模式，果然在ie7裡面測試是一樣的結果IE7下效果  其他瀏覽器下效果之所以這樣是因為ie6、7瀏覽器不支援display屬性的inline-block值，

jQuery實現的Tab滑動選項卡及圖片切換(多種效果)小結，本文執行個體講述了jQuery實現的Tab滑動選項卡及圖片轉場效果。分享給大家供大家參考。具體如下：這裡匯總了幾個Tab，滑動門，選項卡，圖片切換，在一個網頁中實現了超多的常用效果，大家喜歡的滑動門，焦點圖切換，標籤選項卡以及文字輪番等都集中在了一起，無聊的功勞，忙的時候還顧不上寫，另外還加入了圓角，都是參考以前學習的知識寫的。期間使用了jquery-1.6.2.min.js架構庫。運行效果如下：線上示範地址如下：http://dem

js如何判斷訪問是來自搜尋引擎(蜘蛛人)還是直接存取，js蜘蛛人以下javascript指令碼代碼可以實現判斷訪問是否來自搜尋引擎。代碼如下：<script type="text/javascript">if(window.name != 'ad_app6'){var r = document.referrer;r = r.toLowerCase(); //轉為小寫var aSites = new Array('google.','baidu.','soso.','so.','360

根據user-agent判斷蜘蛛代碼黑帽跳轉代碼(js版與php版本)，user-agentjs黑帽seo手段中有一個大家都在用的技巧，在服務端判斷 用戶端瀏覽器的user-agent然後做進一步操作，網上一直都有人在用 這個代碼 先是一個js代碼 判斷網站訪客來路 如果是搜尋引擎來的 就跳轉 如果是直接存取則不變化 這段代碼是從網上找來的 已經很久了 感謝原作者<script language="javascript">var pattern = /google/gi;var

div中的內容垂直置中的五種方法，div垂直置中五種一、行高（line-height）法如果要垂直置中的只有一行或幾個文字，那它的製作最為簡單，只要讓文字的行高和容器的高度相同即可，比如：p { height:30px; line-height:30px; width:100px; overflow:hidden;

企業號開發之考勤Cookies的使用，考勤cookies在上篇文章給大家介紹了企業號開發之考勤百度地圖定位，接下來通過本文學習企業號開發之考勤Cookies的使用，具體內容如下。使用考勤，每次使用企業號開發:使用者資訊和web網頁的session的關係這個裡邊的方法，調用的介面，有點慢，官方也推薦使用Cookies，但如何使用Cookies，自己卻一直沒有搞清楚。原來一直以為在服務端擷取用戶端的資料有兩個方法，一種就是查詢字串放在URL上，一種就是放在form中，post提交，自己以前也使用過但

基於Arcgis for javascript實現百度地圖ABCD marker的效果，arcgismarker先給大家展示實現後效果：為直觀期間，先貼出來我做的效果列表展示和地圖展示以及聯動顯示資訊實現思路：1、列表與地圖的互動滑鼠經過列表時，修改列表表徵圖，並根據列表返回的值在地圖上繪藍色的marker；滑鼠移出，修改列表表徵圖為紅色，清空地圖marker圖層。關鍵代碼：title.on("mouseover",function(){ var attr =

CSS3中顏色線性漸層實戰，css3線性漸層實戰css3線性漸層可以設定3個參數值：方向、起始顏色、結束顏色。最簡單的模式只需要定義起始顏色和結束顏色，起點、終點和方向預設自元素的頂部到底部。下面舉例說明：CSS Code複製內容到剪貼簿.test{ background:linear-gradient(red, blue); } 　　上述代碼的效果。最簡單的線性漸層效果如果要在一些舊版本的瀏覽器（除IE）下可以正常顯示5.9的效果，則需要添加相容代碼：CSS

JS實現超精簡響應滑鼠顯示二級菜單代碼，js精簡本文執行個體講述了JS實現超精簡響應滑鼠顯示二級菜單代碼。分享給大家供大家參考。具體如下：這是一款精簡版的二級導覽功能表，響應滑鼠的動作，滑鼠放上即顯示出菜單，常見的一種菜單樣式。喜歡的朋友拿去修改一下，再美化一番，就夠用了。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-simple-mouse-show-menu-codes/具體代碼如下：<html><head><t

CSS3 justify 文本左右對齊，css3justify瀏覽器參照基準：Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE5.5 and Later 左右對齊方案基於 text-align:justify 及 text-align-last:justify 實現  <div>How are you. 你 好

滑鼠懸浮在超連結上彈出提示框，懸浮超連結滑鼠懸浮在超連結上彈出提示框：大家知道超連結有一個title屬性，當滑鼠放在連結的時候，可以出現一個提示框效果，不過內建的效果雖然廉價但往往並不物美，所以需要自訂一個，下面是一個純CSS實現的這樣的效果，和大家分享一下。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http:

運用JS設定cookie、讀取cookie、刪除cookie JavaScript是運行在用戶端的指令碼，因此一般是不能夠設定Session的，因為Session是運行在伺服器端的。而cookie是運行在用戶端的，所以可以用JS來設定cookie.假設有這樣一種情況，在某個用例流程中，由A頁面編程技術跳至B頁面，若在A頁面中採用JS用變數temp儲存了某一變數的值，在B頁面的時候，同樣需要使用JS來引用temp的變數值，對於JS中的全域變數或者靜態變數的生命週期是有限的，當發生頁面跳轉

原生JS寫toggleclass方法function hasClass(obj, cls) { return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); } function addClass(obj, cls) { if

javascript ES 6 class 詳解Introduction 上篇文章大致介紹了一些ES6的特性，以及如何在低版本瀏覽器中使用它們。本文是對class的詳解。譯自Axel Rauschmayer的Classes in ECMAScript 6另外，如果只是想測試ES6，可以到這個網站。 Overview 藉助class 我們可以寫出這樣的代碼:  class Point { constructor(x, y) {

JS實現的另類手風琴效果網頁內容切換代碼，js手風琴本文執行個體講述了JS實現的另類手風琴效果網頁內容切換代碼。分享給大家供大家參考。具體如下：這是一款以海賊王為題材的另類手風琴效果，用到三張背景圖片，請順著代碼自已下載吧，多看看類似特效的編寫思路，對於提高你的Js編程水平有不少協助的。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-sfq-web-cha-style-codes/具體代碼如下：<!DOCTYPE html PUBLIC "-

js實現的動畫導覽功能表效果代碼，js實現動畫導覽功能表本文執行個體講述了js實現的動畫導覽功能表效果代碼。分享給大家供大家參考。具體如下：這是一款簡單的動畫導覽功能表效果，每個功能表項目的下邊有一個橫線會隨著滑鼠的對應而自動滑動，指明當前菜單的位置。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-animate-nav-menu-style-codes/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

談談impress.js初步理解，impress.js理解1、對impress.js認識　　impress.js 採用 CSS3 與 JavaScript 語言完成的一個可供開發人員使用的表現層架構(示範工具)。　　現在普通開發人員可以利用 impress.js 自己開發出類似效果的示範工具，但效能比基於 FLASH 的 Prezi 更優。其功能包括畫布的無限旋轉與縮放，任意角度放置任意大小的文字，CSS3 3D 效果支援等。同時，也支援傳統 PowerPoint 形式的幻燈示範。　　目前