Time of Update: 2015-09-04
空格導致行內元素水平間隔問題,空格間隔在測試區塊層級元素與行內元素區別時,發現本該沒有間隔在一行的行內元素中間出現水平間隔。1 <span>行內元素</span>2 <span>行內元素</span>3 <span>行內元素</span>4 <span>行內元素</span>效果如: 導致這種問題出現的原因在於html中span便簽之間的空格。如果去掉空格那麼就不會有間隔。<span&
Time of Update: 2015-09-04
基於dropdown.js實現的兩款美觀大氣的二級導覽功能表,dropdown.js本文執行個體講述了基於dropdown.js實現的兩款美觀大氣的二級導覽功能表。分享給大家供大家參考。具體如下:1. 藍色風格導覽功能表運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-dropdown-blue-style-nav-menu-codes/具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2015-09-04
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)
Time of Update: 2015-09-04
jQuery實現固定在網頁頂部的菜單效果代碼,jquery菜單本文執行個體講述了jQuery實現固定在網頁頂部的菜單效果代碼。分享給大家供大家參考。具體如下:這是一款基於jQuery的固定在頁面頂部的菜單,擷取要定位元素距離瀏覽器頂部的距離,捲軸的滑動距離大於等於定位元素距離瀏覽器頂部的距離,就固定,反之就不固定。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-top-fixed-menu-style-codes/具體代碼如下:<!D
Time of Update: 2015-09-04
jQuery實現自訂右鍵菜單的樹狀菜單效果,jquery樹狀本文執行個體講述了jQuery實現自訂右鍵菜單的樹狀菜單效果。分享給大家供大家參考。具體如下:這是一款基於jQuery的自訂右鍵菜單,在樹狀結構的子節點(下級沒有節點)上單擊右鍵才會彈出自訂菜單,而且菜單是自動根據滑鼠位置來定位的。當滑鼠在菜單以外的任意空白處單擊一下後會自動消失。這裡想特別說明一點所謂的“菜單以外”,可以有兩種解剖方式——1、除了滑鼠在菜單地區內的所有位置;2、如所示的A、B、C、D四個地區。顯然用第一種方法來剖析會更
Time of Update: 2015-09-04
js隨機產生字母數字組合的字串 隨機動畫數字,js字母js隨機動畫產生一組隨機數字線上預覽
Time of Update: 2015-09-04
JS實現彈性漂浮效果的廣告代碼,js彈性漂浮廣告本文執行個體講述了JS實現彈性漂浮效果的廣告代碼。分享給大家供大家參考。具體如下:這裡介紹一款JS彈性漂浮廣告代碼,碰到網頁瀏覽器的邊緣就會順著彈力的方向自動漂浮下去,不停的在網頁上漂來漂去,漂浮廣告代碼是很早時候就有的代碼了,使用廣泛,而且做為廣告來說,好像效果還不錯,因為它在不停的動,讓人在視覺上感覺到有一種吸引力。其中的JS代碼你可以扣出來儲存在一個單獨的JS檔案中,使用時調用即可。運行效果如下:線上示範地址如下:http://demo.jb
Time of Update: 2015-09-03
JavaScript中innerHTML,innerText,outerHTML的用法及區別,innerhtmlouterhtml不廢話了,請看下文樣本介紹。用法:<div id="test"> <span style="color:red">test1</span> test2
Time of Update: 2015-09-03
jquery實現簡單合攏與展開網頁面板的方法,jquery合攏本文執行個體講述了jquery實現簡單合攏與展開網頁面板的方法。分享給大家供大家參考。具體如下:這是一款網頁上常見的合攏(收縮)、伸展面板代碼,使用了jQuery外掛程式,代碼更加簡化,點擊面板的標題列即可摺疊、或展開這個層,是網上很流行的效果,由此可擴充出的功能還真挺多,只要動腦筋,一定能做出來。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-simple-hidden-sho
Time of Update: 2015-09-03
jquery簡單實現帶漸顯效果的選項卡菜單代碼,jquery漸顯本文執行個體講述了jquery簡單實現帶漸顯效果的選項卡菜單代碼。分享給大家供大家參考。具體如下:帶漸顯效果的選項卡菜單,使用了jQuery共同完成的效果,滑鼠點擊選項卡之後,出現漸層(淡入淡出效果),讓網頁看上去更生動。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-cha-style-tab-menu-codes/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-09-03
js+css實現有立體感的按鈕式文字豎排菜單效果,jscss本文執行個體講述了js+css實現有立體感的按鈕式文字豎排菜單效果。分享給大家供大家參考。具體如下:這是一款較不錯的豎排菜單,有立體感效果的菜單,不要以為那些帶立體特效的菜單是按鈕啊,其實它就是用JavaScript代碼修飾出來的按鈕,滑鼠放上的時候就會有明顯的立體文字效果,豎向排列的,也可以修改成橫向的。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-3d-nutton-v-me
Time of Update: 2015-09-03
jQuery實現可高亮顯示的二級CSS菜單效果,jquerycss本文執行個體講述了jQuery實現可高亮顯示的二級CSS菜單效果。分享給大家供大家參考。具體如下:這裡實現滑鼠放在二級菜單上,一級菜單可高亮顯示,以指示當前菜單所在的位置,引入了jQuery外掛程式使其在做對簡潔度方面最佳化的非常好,用較少的代碼實現想要的功能,分享給大家。先來看看運行效果:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-color-show-2level-css-menu
Time of Update: 2015-09-03
jQuery中常用的遍曆函數用法執行個體總結,jquery執行個體本文執行個體總結了jQuery中常用的遍曆函數用法。分享給大家供大家參考。具體如下:1. children()函數children()函數用於選取每個匹配元素的子項目,並以jQuery對象的形式返回。你還可以使用選取器進一步縮小篩選範圍,篩選出符合指定選取器的元素。用法樣本如下:// 返回jQuery對象所有匹配元素的標識資訊數組// 每個元素形如:tagName或tagName#id(如果有id的話)function
Time of Update: 2015-09-03
JS實現駭客帝國文字下落效果,js實現駭客帝國下落代碼一:駭客帝國文字下落效果查看效果 源碼下載原始碼如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>駭客帝國文字下落</title> <style> html, body {margin:0; padding:0;
Time of Update: 2015-09-03
JQuery自適應視窗大小導覽功能表附源碼下載,jquery導覽功能表如下:查看示範 源碼下載html代碼:<h1>jQuery / Zepto響應式菜單 PgwMenu 示範</h1> <p class="dowebok-explain">請縮小/放大瀏覽器視窗寬度查看效果</p> <h2>深色樣式(預設)</h2> <ul class="pgwMenu"> <li>
Time of Update: 2015-09-03
js實現點擊向下展開的下拉式功能表效果代碼,js下拉式功能表本文執行個體講述了js實現點擊向下展開的下拉式功能表效果代碼。分享給大家供大家參考。具體如下:這裡介紹js實現點擊向下展開的下拉式功能表特效代碼,無調用jQuery,真正的JS下拉式功能表,相容性方面未做測試,覺得有用處的自己測試修正吧,本文僅提供基礎的代碼供參考。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-click-show-down-menu-style-codes/具體代碼如下
Time of Update: 2015-09-03
JavaScript中this詳解,javascriptthis詳解這裡的主題是 this ,不扯遠了。this 本身原本很簡單,總是指向類的當前執行個體,this 不能賦值。這前提是說 this 不能脫離 類/對象 來說,也就是說 this 是物件導向語言裡常見的一個關鍵字。說的極端點,如果你編寫的 JS 採用函數式寫法,而不是物件導向式,你所有的代碼裡 this 會少很多,甚至沒有。記住這一點,當你使用 this 時,你應該是在使用對象/類 方式開發,否則 this 只是函數調用時的副作用。
Time of Update: 2015-09-03
js實現簡潔大方的二級下拉式功能表效果代碼,js簡潔大方本文執行個體講述了js實現簡潔大方的二級下拉式功能表效果代碼。分享給大家供大家參考。具體如下:這是一款簡潔大方的二級下拉式功能表,菜單的顏色自己根據需要重新定義吧,這裡僅給大家提供一種製作二級菜單的思路,整體效果看上去相當實用,下拉導覽功能表也是大家比較常用的。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-simple-2level-show-down-menu-codes/具體代碼如下:&
Time of Update: 2015-09-03
jquery常用函數與方法匯總,jquery函數匯總1.delay(duration,[queueName])設定一個延時來延遲執行隊列中之後的項目。jQuery 1.4新增。用於將隊列中的函數延時執行。他既可以延遲動畫隊列的執行,也可以用於自訂隊列。duration:延時時間,單位:毫秒queueName:隊列名詞,預設是Fx,動畫隊列。例:頭部與底部消極式載入動畫效果$(document).ready(function() { $('#header') .css({ 'top':-50 }
Time of Update: 2015-09-03
javascript中for/in迴圈及提示,javascriptforJavaScript 支援不同類型的迴圈:for - 迴圈代碼塊一定的次數for/in - 迴圈遍曆對象的屬性while - 當指定的條件為 true 時迴圈指定的代碼塊do/while - 同樣當指定的條件為 true 時迴圈指定的代碼塊1. in運算子:要求其左邊的運算數是一個字串,或可以被轉換為字串,右邊的運算數是一個對象或數組。如果該運算子左邊的值是右邊對象的一個屬性名稱,則返回true。例如: var