JavaScript

最近在做手機端效果的時候，頁面需要在下拉式功能表滾動的時候，阻止頁面的滾動。於是就研究了一下bootstrap模態框的實現原理。實現思路：1、需要有一個層將body遮住，放在body上方。2、修改body的overflow屬性值為：hidden廢話不多說了，將關鍵代碼貼出來了，相容Firefox，Google，ie.cover { position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=6

　　《Web 前端開發精華文章推薦》2014年第5期（總第26期）和大家見面了。夢想天空部落格關注 前端開發 技術，分享各類能夠提升網站使用者體驗的優秀 jQuery 外掛程式，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共用精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠協助到您。HTML5 & CSS3優秀的 HTML5

以前一直以為css不是怎麼厲害，今天忽然發現 . . .咳。。咳。。以下是經過測試的哦 ^_^當然不是那麼全面啦，歡迎提意見！ok，~ (w3c中國沒有找到)作用：同層級下後面的比如：1 <span class="t">上邊</span>2 <div>3 <span class="t">裡面</span>4 </div>5 <span class="t">下邊1號</span><br /

前幾天同事問我css中單冒號和雙冒號是什麼意思，我也模糊得很，只有個籠統的概念就是：虛擬元素和偽類。一直以為，頁面配置中很少使用到偽類，結果細細研究發現我們經常使用的hover就是一個最簡單的偽類，頓時覺得自己太OUT了，緊跟著這兩天都在看這些東西，其實偽類最簡單的理解就是用於向某些選取器添加特殊的效果。具體偽類、虛擬元素有哪些我就不一一列舉，在w3c中列舉的很清楚。我主要寫寫應用的執行個體。1.來個簡單的，咱們最常用到的向超連結添加不同的顏色：<html><head>&

最近在做頁面分析的時候發現頁面F5重新整理時，大部分原來已經緩衝的內容的狀態變成了304，很是不解，原來想好好看看是什麼原因的。結果發現園裡已經有人分析的很徹底了。 原文地址：瀏覽器緩衝機制 瀏覽器緩衝機制，其實主要就是HTTP協議定義的緩衝機制（如： Expires； Cache-control等）。但是也有非HTTP協議定義的緩衝機制，如使用HTML Meta 標籤，Web開發人員可以在HTML頁面的<head>節點中加入<

 任何一個grumble都可以放到它所圍繞元素的任意角度的位置，360度全方位無死角，無殘留。還能指定任意距離，應用任意CSS樣式。 對於任意文本還可以自動調整大小。 多個grumble可以通過FX隊列實現動畫效果。 最後，它能在IE6+這些古董瀏覽器上工作，更不用FF、Chrome這些現代的瀏覽器了！grumble.js 其實是一個jQuery外掛程式，可以在

要根據this 所在的位置來理解它，情況大概可以分為3種：　　1、在函數中：this 通常是一個隱含的參數。　　2、在函數外（頂級範圍中）：在瀏覽器中this 指的是全域對象；在Node.js中指的是模組(module)的匯出(exports)。　　3、傳遞到eval()中的字串：如果eval()是被直接調用的，this 指的是當前對象；如果eval()是被間接調用的，this

到周末了，明天該總結一下了，感覺學到了些東西，又感覺沒學多少東西，具體明天再分析吧，先來看看今天要分析的問題。 這樣的圖片相比大家都很熟悉： ———————————— 今天我們就來分析製作一下，先來介紹下這種彈出框的特點： * 始終依附在頁面邊框上 * 不隨頁面的上升下降而改變位置 * 滑鼠經過時，會彈出詳細資料，離開時，恢複最初狀態

預覽表單,查看後確認提交或者返回重填XML/HTML Code複製代碼 代碼如下:    <form class="mform" id="myform" method="POST" id="myform" action="">      <fieldset>      <legend>Registeration</legend> 

複製代碼 代碼如下: <ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li> <li

1、設計源碼 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JavaScript擷取路徑</title> <meta

複製代碼 代碼如下: var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else {

複製代碼 代碼如下: <pre name="code" class="html"><html> <head> <script> function asd(){ var reg=document.getElementsByName("reg"); if(reg[0].checked){ document.getElementById("submit").disabled=false; } else { document.getElementById(

在ie 7 8瀏覽器中，如果使用trim()屬性去除空格的話，則會導致報錯。 因此解決這個問題有如下方案： JS去除空格的方法目前共有12種: 實現1 String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); } 實現2 String.prototype.trim = function() { return this.replace(/^\s+/,

長度超出規定長度，顯示省略符號 設定class為displayPart， 設定自訂屬，displayLength可顯示長度（不包含...），雙位元組字元，長度 *2， 複製代碼 代碼如下: <script type="text/javascript"> $.fn.extend({ displayPart:function () { var displayLength = 100; displayLength = this.attr("displayLength") ||

1.js中只有對象，包括對象，函數，常量等。 對象不用解釋。函數也有屬性，常見之一就是prototype。常量也有屬性： (3).__proto__;//Number

jQuery 選取器選取器允許對元素組或單個元素進行操作。jQuery 元素選取器和屬性選取器允許通過標籤名、屬性名稱或內容對 HTML 元素進行選擇。在 HTML DOM 術語中：選取器允許對 DOM 元素組或單個 DOM 節點進行操作。jQuery 元素選取器jQuery 使用 CSS 選取器來選取 HTML 元素。$("p") 選取 元素。$("p.intro") 選取所有 class="intro" 的 元素。$("p#demo") 選取所有 id="demo" 的

dapper擷取集合實體/// /// 擷取表tb_sys_zhuowei全部資料 /// public IEnumerable SelectAll_tb_sys_zhuowei() { using (IDbConnection conn = OpenConnection()) { const string query = @"select * from

使用jQuery內建的clone函數可以複製DOM元素，而且clone函數支援鏈式調用下例是clone的一個簡單用法，它做了一個ul的副本，並添加到body中。listlistlistlist<script type="text/javascript" src="jquery-1.11.1.js"></script><script

Ajax,我一直讀的是"阿賈克斯",據當時大學老師講該讀音出處是根據當年風靡歐洲的荷蘭足球俱樂部阿賈克斯的名字來的,我覺得說法挺靠譜的。jQuery封裝了Ajax的互動過程，使用者不需要考慮XMLHttpRequest對象的相容性問題以及使用XMLHttpRequest建立串連、發送請求、發送方式、接收方式等細節，利用jQuery定義的幾個簡單方法，即可輕鬆實現用戶端與服務端非同步通訊的問題，從而協助開發人員從繁瑣的技術細節中解脫出來，專心於業務層開發工作。最初始的JavaScript的Ajax