頁面遮罩層,並且組織頁面body滾動。bootstrap模態框原理

最近在做手機端效果的時候,頁面需要在下拉式功能表滾動的時候,阻止頁面的滾動。於是就研究了一下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 前端開發人員和設計師必讀精華文章【系列二十六】

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

[翻譯]指定頁面使用的字元集

原文地址:Specify a character set 概況:      在HTML文檔的回應標頭中指定一個字元集可以讓瀏覽器立即開始解析HTML和執行指令碼。細節:      HTML文檔在網路中是以伴隨字元編碼資訊的位元組序列形式傳送的。字元編碼資訊可以指定在文檔的HTTP要求標頭中,也可以在HTML裡面的標記裡面(meta標籤)。瀏覽器使用編碼資訊將位元組流轉化成可渲染到螢幕上的字元。如果瀏覽器無法知道構建頁面的字元,

CSS ~ and +

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

實現網頁頁面跳轉的幾種方法(meta標籤、js實現、php實現)

1、meta標籤實現只需在head裡加上下面這一句就行了,在當前頁面停留0.1秒後跳轉到目標頁面複製代碼 代碼如下:<meta http-equiv="refresh" content="0.1; url=http://jb51.net/">2、Javascript實現方法一:這個方法比較常用複製代碼 代碼如下:window.location.href = "http://jb51.net/";方法二:複製代碼 代碼如下:self.location =

Jquery外掛程式分享之氣泡形提示控制項grumble.js

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

javascript製作的網頁側邊彈出框思路及實現代碼

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

跟我學Nodejs(二)--- 事件模組

簡介及資料  http://nodejs.org/api/events.html  http://www.infoq.com/cn/articles/tyq-nodejs-event    events是node.js 最重要的模組,events模組只提供了一個對象events.EventEmitter,EventEmitter 的核心是事件發射與事件監聽器。   

Jquery圖片消極式載入外掛程式jquery.lazyload.js的使用方法

最新版的jquery.lazyload.js已不再是偽的消極式載入了一、請按照基本使用方法說明設定複製代碼 代碼如下://載入JavaScript 檔案<script src="jquery.js" type="text/javascript"></script><script src="jquery.lazyload.js" type="text/javascript"></script>複製代碼 代碼如下://img標籤的4個屬性一個都不能少,

jQuery非同步驗證使用者名稱是否存在範例程式碼

現在有個需求就是非同步驗證使用者名稱是否存在。用的技術是jQuery非同步驗證和struts2(其實springMVC也是一樣的道理,都只是一個控制器). 表單: 複製代碼 代碼如下: <input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name" value="${dept.dept_name}" onchange="tocheckname()"/> js代碼:

javascript學習筆記--數字格式類型

可能有人說這是什麼個格式?其實還不止呢。1          //11.2       //1.21.2e3    //12001.2e+3  //12001.2e-3   //0.0012.12e+2  //12-.12e-2 //-0.0012當然這些只是十進位。我們來說說

JS動態增加刪除UL節點LI及相關內容樣本

複製代碼 代碼如下: <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

JavaScript擷取路徑設計源碼

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

JS實現距離上次重新整理已過多少秒樣本

複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

JQuery 控制內容長度超出規定長度顯示省略符號

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

JQuery中Ajax的Post提交中文亂碼的解決方案

引言: 在JQuery的Ajax POST請求中,進行請求,其中的中文在後台,顯示為亂碼,該如何解決呢?問題的引入: var regid = $('#oregion').combobox('getValue'); //var sname = $('#sname').val(); var sname = encodeURI($('#sname').val(),"UTF-8");

JavaScript(15)jQuery 選取器

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

jQuery -) 複製DOM元素

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

nodejs + jquery Mobile構建一個簡單的移動web (用戶端)

前面展示了使用nodejs技術和jqm來搭建一個簡單的支援CRUD操作應用的服務端部分(參見:nodejs + jquery Mobile構建一個簡單的移動web(服務端) ),服務端採用nodejs技術實現,使用了mongodb資料庫和輕量級web開發架構expressJS, 路由使用restful風格,所以你也可以使用restify來開發。 用戶端的實現主要通過ajax調用實現.使用jade模板引擎. 用戶端主要包含兩個檔案:layout.jade和index.jade&

jQuery整理筆記八----jQuery的Ajax

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

總頁數: 3271 1 .... 2746 2747 2748 2749 2750 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.