JavaScript

空格導致行內元素水平間隔問題，空格間隔在測試區塊層級元素與行內元素區別時，發現本該沒有間隔在一行的行內元素中間出現水平間隔。1 <span>行內元素</span>2 <span>行內元素</span>3 <span>行內元素</span>4 <span>行內元素</span>效果如： 導致這種問題出現的原因在於html中span便簽之間的空格。如果去掉空格那麼就不會有間隔。<span&

css3新增加的選取器，css3增加選取器css3新增加的選取器一、屬性選取器：E[attr] 只要有屬性名稱E[attr=value] 屬性名稱=屬性值E[attr~=blue] 包含這個blue整個單詞就可以E[attr^=c] 以這個字母c開頭的E[attr$=b] 以這個字母b結尾的E[attr*=a] 只要包含a這個字母就行E[attr|=z] 只要以字母z-開頭的或者就是字母z的二、結構性偽類別選取器：E:nth-child(n) 第n個子節點div:nth-child(odd)

jquery實現華麗的可折角廣告代碼，jquery折角代碼本文執行個體講述了jquery實現可折角的廣告代碼。分享給大家供大家參考。具體如下：這是一款可折角的廣告代碼，或許你已經看到過了，現在一些門戶網站還可看到這種效果的身影，用滑鼠滑過折角的邊，即可出現下拉效果。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-css-zd-adv-stylee-codes/具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD

angularjs學習筆記—工具方法，angularjs學習筆記angular.bind(self, fn, args)作用：返回一個新的函數，綁定這個函數的this指向self 參數：self：新函數的內容物件fn：需要綁定的函數args：傳遞給函數的參數傳回值：this指向self的新函數var obj = { name: 'xxx', print: function (country) { console.log(this.name + ' is form ' +

JS實現彈性漂浮效果的廣告代碼，js彈性漂浮廣告本文執行個體講述了JS實現彈性漂浮效果的廣告代碼。分享給大家供大家參考。具體如下：這裡介紹一款JS彈性漂浮廣告代碼，碰到網頁瀏覽器的邊緣就會順著彈力的方向自動漂浮下去，不停的在網頁上漂來漂去，漂浮廣告代碼是很早時候就有的代碼了，使用廣泛，而且做為廣告來說，好像效果還不錯，因為它在不停的動，讓人在視覺上感覺到有一種吸引力。其中的JS代碼你可以扣出來儲存在一個單獨的JS檔案中，使用時調用即可。運行效果如下：線上示範地址如下：http://demo.jb

JavaScript常用標籤和方法總結，javascript總結什麼是javascript？  (1) JavaScript是一種基於對象(Object)和事件驅動(Event Driven)並具有安全效能的 指令碼語言。  (2) JavaScript是由Netscape公司開發的一種指令碼語言，其編寫的程式可以嵌入到 HTML頁面中，並直接在瀏覽器中解釋執行。  (3)

前端工程師技能之photoshop巧用(從到雪碧圖)2——測量篇，photoshop雪碧【需要測量的資訊】　　[1]尺寸資訊 -> 測量(矩形選框工具+資訊面板) 　　  [注意]測量時,畫布放得儘可能大　　　　[a]寬度、高度　　　　[b]內邊距、外邊距　　　　[c]邊框　　　　[d]定位　　　　[e]文字大小　　　　[f]行高　　　　[g]背景圖位置　　[2]顏色資訊 -> 取色(色彩選擇工具)　　　　[a]邊框色　　　　[b]背景色　　　　[c]文字色【實戰】【1】

jquery實現簡單合攏與展開網頁面板的方法，jquery合攏本文執行個體講述了jquery實現簡單合攏與展開網頁面板的方法。分享給大家供大家參考。具體如下：這是一款網頁上常見的合攏（收縮）、伸展面板代碼，使用了jQuery外掛程式，代碼更加簡化，點擊面板的標題列即可摺疊、或展開這個層，是網上很流行的效果，由此可擴充出的功能還真挺多，只要動腦筋，一定能做出來。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-simple-hidden-sho

js jquery擷取當前元素的兄弟級 上一個 下一個元素，jsjqueryvar chils= s.childNodes;  //得到s的全部子節點var par=s.parentNode;   //得到s的父節點var ns=s.nextSbiling;   //獲得s的下一個兄弟節點var ps=s.previousSbiling;  //得到s的上一個兄弟節點var fc=s.firstChild;   //

jquery簡單實現帶漸顯效果的選項卡菜單代碼，jquery漸顯本文執行個體講述了jquery簡單實現帶漸顯效果的選項卡菜單代碼。分享給大家供大家參考。具體如下：帶漸顯效果的選項卡菜單，使用了jQuery共同完成的效果，滑鼠點擊選項卡之後，出現漸層（淡入淡出效果），讓網頁看上去更生動。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-cha-style-tab-menu-codes/具體代碼如下：<!DOCTYPE html

基於JavaScript製作霓虹燈文字 代碼 特效，javascript霓虹燈樣本一：運行效果如下：具體代碼如下：http-equiv="Content-Type" content="text/html; charset=gb2312">霓虹燈var Tname="歡迎您的到來！";var Tlen=Tname.length;document.write(""+Tname+"");var col=new Array("#FFCC00","#3333FF","#FFCC00","#FF000

js實現具有高亮顯示效果的多級菜單代碼，js高亮顯示代碼本文執行個體講述了js實現具有高亮顯示效果的多級菜單代碼。分享給大家供大家參考。具體如下：這是一款具有高亮效果的菜單，菜單設計的也比較簡潔，滑鼠放在一級菜單上可以看到二級菜單的高亮效果，整體風格簡約大方，適用於一些比較“乾淨”沒有過多修飾的網站。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-blink-show-style-menu-codes/具體代碼如下：<!DOCTYPE

jQuery實現可高亮顯示的二級CSS菜單效果，jquerycss本文執行個體講述了jQuery實現可高亮顯示的二級CSS菜單效果。分享給大家供大家參考。具體如下：這裡實現滑鼠放在二級菜單上，一級菜單可高亮顯示，以指示當前菜單所在的位置，引入了jQuery外掛程式使其在做對簡潔度方面最佳化的非常好，用較少的代碼實現想要的功能，分享給大家。先來看看運行效果：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-color-show-2level-css-menu

JS實現駭客帝國文字下落效果，js實現駭客帝國下落代碼一：駭客帝國文字下落效果查看效果     源碼下載原始碼如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>駭客帝國文字下落</title> <style> html, body {margin:0; padding:0;

JQuery自適應視窗大小導覽功能表附源碼下載，jquery導覽功能表如下：查看示範  源碼下載html代碼：<h1>jQuery / Zepto響應式菜單 PgwMenu 示範</h1> <p class="dowebok-explain">請縮小/放大瀏覽器視窗寬度查看效果</p> <h2>深色樣式（預設）</h2> <ul class="pgwMenu"> <li>

JavaScript中this詳解，javascriptthis詳解這裡的主題是 this ，不扯遠了。this 本身原本很簡單，總是指向類的當前執行個體，this 不能賦值。這前提是說 this 不能脫離 類/對象 來說，也就是說 this 是物件導向語言裡常見的一個關鍵字。說的極端點，如果你編寫的 JS 採用函數式寫法，而不是物件導向式，你所有的代碼裡 this 會少很多，甚至沒有。記住這一點，當你使用 this 時，你應該是在使用對象/類 方式開發，否則 this 只是函數調用時的副作用。

js+CSS實現類比華麗的select控制項下拉式功能表效果，cssselect本文執行個體講述了js+CSS實現類比select控制項的下拉式功能表效果。分享給大家供大家參考。具體如下：這是一個JS+CSS技術實現的Select控制項效果，類比出來的，比預設的Select更漂亮，有了這個模板，你修改Select就更方便了，由此你也可以將其製作成CSS下拉式功能表，在相容性方面暫未測試，在IE8下沒問題。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/j

jquery常用函數與方法匯總，jquery函數匯總1.delay(duration,[queueName])設定一個延時來延遲執行隊列中之後的項目。jQuery 1.4新增。用於將隊列中的函數延時執行。他既可以延遲動畫隊列的執行，也可以用於自訂隊列。duration:延時時間，單位：毫秒queueName:隊列名詞，預設是Fx，動畫隊列。例：頭部與底部消極式載入動畫效果$(document).ready(function() { $('#header') .css({ 'top':-50 }

javascript中for/in迴圈及提示，javascriptforJavaScript 支援不同類型的迴圈：for - 迴圈代碼塊一定的次數for/in - 迴圈遍曆對象的屬性while - 當指定的條件為 true 時迴圈指定的代碼塊do/while - 同樣當指定的條件為 true 時迴圈指定的代碼塊1. in運算子：要求其左邊的運算數是一個字串，或可以被轉換為字串，右邊的運算數是一個對象或數組。如果該運算子左邊的值是右邊對象的一個屬性名稱，則返回true。例如： var

jquery中prop&attr之disabled問題因為之前遇到過checkBox中關於prop&attr的問題所以後來都比較慎用attr了，但是最近使用prop又遇到了一個問題，描述如下情境描述：只有勾選了協議轉出按鈕才能用，否則就是灰色禁用的狀態，這次用的事prZ喎?http://www.bkjia.com/kf/ware/vc/" target="_blank"