JavaScript

相容IE、Firefox的背景半透明內容不透明設定，firefox不透明　　首先要說明的是背景是內容的祖先元素。如果是兄弟節點那就沒有必要記錄這篇文章了。　　記錄一下，知其然也知其所以然。IE8-特點：　　1.不支援"opcity:0.5;"這種寫法，只支援"filter:alpha(opacity=50)"。　　2.如果背景元素擁有css屬性設定了z-index的值（除預設值auto外),則內容會隨著背景元素一起半透明　　3.如果背景元素的內容元素本身或其祖先節點（這些祖先節點是背景元素的後代

css的after偽對象選取器簡單介紹，cssafter偽選取器css的after偽對象選取器簡單介紹:本章節將會介紹一下after偽對象選取器的用法，希望能夠給需要的朋友帶來一定的協助。此選取器前面要加兩個點:或者四個點::，兩個點的時候是css2中的寫法，在css3中規定是四個點，這是為了和偽類別選取器進行區別，當然當前兩個點也是適用的。文法結構:E:after{ Rules } E::after{ Rules }此選取器能夠設定元素內部結尾的一些結構內容 通常和content屬性一起使用，

no-repeat作用簡單介紹，no-repeat簡單介紹no-repeat作用簡單介紹:它用來設定背景圖片是否重複，比如一個元素的尺寸要大於背景圖片的尺寸，那麼如果不設定此屬性，背景圖片會預設進行重複以鋪滿整個元素，如果設定了此屬性，那麼背景圖片就不會出現重複效果，非常的簡單，這裡不多介紹，可以參閱相關閱讀。相關閱讀:1.background-repeat屬性可以參閱CSS的background-repeat屬性一章節。 2.background屬性可以參閱CSS的backgroun

原生js配合cookie製作儲存路徑的拖拽，jscookie拖拽主要是運用了原生js封裝了一個cookie，然後使用了三個事件做拖拽，分別是onmousedown，onmousemove，onmouseup，這三個事件其中兩個需要添加事件對象，也就是event，事件對象是一個不相容的東西，所以需要處理相容性的問題，也就是oEvent = ev || event;

CSS實現的滑鼠懸浮整行背景變色代碼，css變色CSS實現的滑鼠懸浮整行背景變色代碼:在新聞列表形式的不置中，為了清晰的分辨每一行，一般當滑鼠懸浮在一行上的時候，能夠實現當前行整行變色，下面就通過代碼執行個體簡單介紹一下如何?此效果，代碼如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"

javascript實現下拉提示選擇框，javascript實現下拉本文介紹了select和sugget結合起來使用的例子，支援下拉的直接選擇，也支援在下拉內容中輸入過濾。整體效果就是下面這樣的： 1、首先需要引入如下檔案 <link href="select2.min.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-2.1.4.min.js"></script>

使用OpenLayers3 添加地圖滑鼠右鍵菜單，openlayers3地圖添加右鍵菜單，首先我們要監聽滑鼠右鍵點擊的操作，我們知道滑鼠右鍵事件名是 contextmenu，當滑鼠在 html 元素之上，點擊滑鼠右鍵，便會觸發 contextmenu 事件，在 contextmenu 事件的回呼函數中實現相應的顯示菜單功能即可。      那麼在 openlayers 中，在地圖中添加這個事件，我們從哪裡下手呢？首先我們得瞭解

js+css簡單實現網頁換膚效果，jscss網頁換膚本文執行個體講述了js+css簡單實現網頁換膚效果。分享給大家供大家參考，具體如下：這裡做了3套外觀，分別使用不同檔案夾下的同名css檔案，那麼怎樣實現js替換載入呢？3個按鈕如下：<a id="skin1" href="javascript:void(0)" class="easyui-linkbutton"

你有必要知道的25個JavaScript面試題，javascript試題1、使用 typeof bar === "object" 判斷 bar 是不是一個對象有神馬潛在的弊端？如何避免這種弊端？使用 typeof 的弊端是顯而易見的(這種弊端同使用 instanceof)：let obj = {};let arr = [];console.log(typeof obj === 'object'); //trueconsole.log(typeof arr === 'object');

Jsonp

CSS實現的滑鼠經過連結切換背景圖片執行個體代碼，css背景圖片CSS實現的滑鼠經過連結切換背景圖片執行個體代碼:很多導覽列都有這樣的效果，當滑鼠滑過的時候能夠實現背景圖片的切換，算是一個比較好的效果吧，也算是對導覽列最基本的美化了。代碼執行個體如下:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><

Javascript removeChild()刪除節點及刪除子節點的方法，javascript刪除節點下面給大家介紹Javascript removeChild()刪除節點的方法，具體詳情如下所示：在Javascript中，只提供了一種刪除節點的方法：removeChild()。removeChild() 方法用來刪除父節點的一個子節點。文法：    parent.removeChild(thisNode)參數說明：  參數

SublimeText內建格式化代碼功能之reindent，sublimereindent這是小覺在剛剛找到的一個在SublimeText中格式化代碼的方法，其實格式化代碼這個功能是SublimeText本身就有的功能，只是一直沒有被小覺發掘。之前小覺對于格式化代碼都是複製代碼，然後粘貼到線上站長工具裡面進行代碼的格式化，但是在小覺測試了以下SublimeText內建的格式化代碼功能之後，小覺認為這已經是個多餘的步驟了。那麼，說到這裡，SublimeText內建格式化代碼功能應該怎麼使用呢？這個

詳解maxlength屬性在textarea裡奇怪的表現，maxlengthtextareaHTML5給表單帶來了很多改變，比如今天要說的maxlength，這個屬性可以限制輸入框輸入的最大字字元數，更方便的是對於粘貼的內容也能夠根據字元數自動截斷。最近就接到這要一個需求，限制使用者最多輸入600字（漢字和字母不區分），對於粘貼的內容也要能自動截斷，輸入600字後就無法輸入。第一時間想到了maxlength，基本滿足需求，但還是有一些怪異的表現。看下面的代碼：<textarea name=

淺析JS運動，淺析js物體運動原理：通過改變物體的位置，而發生移動變化。 任何運動都是相對的，就像物理中的運動公式：s（要達到的）=s0（當前的樣式值）+vt。方法：      1.運動的物體使用絕對位置       2.通過改變定位物體的屬性（left、right、top、bottom）值來使物體移動。例如向右或左移動可以使用offsetLeft（offsetRight）來控制左右移動。步驟：&

js時間戳記轉為日期格式的方法，js戳轉為日期格式什麼是Unix時間戳記(Unix timestamp)： Unix時間戳記(Unix timestamp)，或稱Unix時間(Unix time)、POSIX時間(POSIX

Bootstrap實現預設導覽列效果，bootstrap導覽列導覽列是一個很好的功能，是 Bootstrap 網站的一個突出特點。導覽列是響應式元組件就，作為應用程式或網站的導航標題。導覽列在行動裝置的視圖中是摺疊的，隨著可用視口寬度的增加，導覽列也會水平展開。在 Bootstrap 導覽列的核心中，導覽列包括了為網站名稱和基本的導航定義樣式。建立一個預設的導覽列的步驟如下： 向 <nav> 標籤添加 class

Bootstrap實現響應式導覽列效果，bootstrap導覽列為了給導覽列添加響應式特性，您要摺疊的內容必須包裹在帶有 classes .collapse、.navbar-collapse 的 <div> 中。摺疊起來的導覽列實際上是一個帶有class .navbar-toggle 及兩個 data- 元素的按鈕。第一個是 data-toggle，用於告訴 JavaScript 需要對按鈕做什麼，第二個是 data-target，指示要切換到哪一個元素。三個帶有 class

淺析AngularJs HTTP響應攔截器，淺析angularjs為何要用攔截器？任何時候，如果我們想要為請求添加全域功能，例如身份認證、錯誤處理等，在請求發送給伺服器之前或伺服器返回時對其進行攔截，是比較好的實現手段。 angularJs通過攔截器提供了一個從全域層面進行處理的途徑. 攔截器允許你:通過實現 request 方法攔截請求: 該方法會在 $http 發送請求道後台之前執行，因此你可以修改配置或做其他的操作。該方法接收請求設定物件(request

Bootstrap導覽列各元素操作方法(表單、按鈕、文本)，bootstrap導覽列本文主要包括三大方面，大家仔細學習。1、導覽列中的表單導覽列中的表單不是使用 Bootstrap 表單 章節中所講到的預設的 class，它是使用 .navbar-form class。這確保了表單適當的垂直對齊和在較窄的視口中摺疊的行為。使用對齊選項（這將在組件對齊部分進行詳細講解）來決定導覽列中的內容放置在哪裡。下面的執行個體示範了這點：<!DOCTYPE html> <html> &