JavaScript

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

原生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>

純CSS實現的二級下拉式功能表效果代碼執行個體，css下拉式功能表純CSS實現的二級下拉式功能表效果代碼執行個體:二級下拉是最為常用的效果之一，當前的此效果一般喲結合js實現，本章節介紹一個使用純CSS實現的二級下拉式功能表效果，希望能夠給需要的朋友帶來一定的協助，不過此代碼也有一點瀏覽器安全色問題，那就是在IE6中不相容。代碼如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta

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

jQuery中attr()與prop()函數用法執行個體詳解(附用法區別)，jqueryattr本文執行個體講述了jQuery中attr()與prop()函數用法。分享給大家供大家參考，具體如下：一、jQuery的attr()方法jquery中用attr()方法來擷取和設定元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經常用到attr()，attr()有4個運算式。1. attr(屬性名稱)

JavaScript小技巧整理，javascript小技巧本文整理總結了JavaScript的小技巧。分享給大家供大家參考，具體如下：1.組織預設事件阻止預設事件，h5預設的input type='date'在某些瀏覽器和android裝置上沒有效果，這時要調用h5+的時間選取器，但是要組織input預設的click事件，代碼如下：//選擇時間$("#end_time").on("click",function(event){ event.preventDefault();

Underscore源碼分析，underscore源碼幾年前就有人說javascript是最被低估一種程式設計語言，自從nodejs出來後，全端(All Stack/Full Stack)概念日漸興起，現在恐怕沒人再敢低估它了。javascrip是一種類C的語言，有C語言基礎就能大體理解javascript的代碼，但是作為一種指令碼語言，javascript的靈活性是C所遠遠不及的，這也會造成學習上的一些困難。一、集合 1.首先是幾個迭代的方法。_.each = _.forEach =

js擷取及修改網頁背景色和字型色的方法，js網頁背景本文執行個體講述了js擷取及修改網頁背景色和字型色的方法。分享給大家供大家參考，具體如下：獲得網頁的背景色和字型顏色，方法如下：思想： 通過取得顏色屬性值得到的是 rgb 色，不是我們想要的，所以需要將 rgb 色裝換為 十六進位色 ，首先獲得rgb色 ：代碼如下:複製代碼 代碼如下:var rgb = document.getElementById('color').style.backgroundColor;得到格式如下： rgb(225,

分享兩款帶遮罩的jQuery彈出框，遮罩jquery第一款：頁面遮罩彈出框是最常見的一種狀況，用jQuery完成頁面遮罩彈出框，主要用的技能有JQuery，css與html。 html代碼下列： <div id="main"><a href="javascript:showBg();">點擊這裡查看效果</a> <div id="fullbg"></div> <div id="dialog"> <p

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

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

基於jquery實現瀑布流布局，jquery瀑布布局本文執行個體為大家介紹了基於jquery實現瀑布流布局的關鍵代碼，分享給大家供大家參考，具體內容如下：具體代碼：使用jquery-1.8.3.min.js，waterfall.js代碼如下：$( window ).load( function(e){ waterfall(); var dataInt = { 'data': [{ 'src': '1.jpg' },{ 'src': '2.jpg' },{ 'src': '3.jpg' },{

淺析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

AngularJS進行效能調優的7個建議，angularjs效能調優　AnglarJS作為一款優秀的Web架構，可大大簡化前端開發的負擔。近日Sebastian Fröstl在一篇博文《AngularJS Performance Tuning for Long

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

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

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