JSCode all of Brower 全域屏蔽網頁右鍵功能 具體實現

[javascript]複製代碼 代碼如下:<script type="text/javascript"> function clickIE4(){         if (event.button==2){                 return false;

javascript實現拖動層效果代碼(符合標準且相容IE,chrome,firefox)

執行個體代碼一見: 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <style type="text/css"> #main div{position:absolute;width:220px;height:150px;border:1px solid #999;} </style> <script type="text/javascript"> var a;

js實現滑鼠拖動圖片併兼容IE/FFFirefox/Google等主流瀏覽器

注意使用preventDefault防止瀏覽器的預設事件操作發生 複製代碼 代碼如下: <script language="javascript" type="text/javascript"> var isDrag = false; function isIE(){ if(navigator.userAgent.indexOf("MSIE")>0){return true;} else{return false;} } function

jQuery函數的等價原生函數程式碼範例

我們針對常用的jQuery方法以及其等價原生方法的效能做了一些測試(1, 2, 3)。

jQuery實現表頭固定效果的執行個體代碼

一、建立一js檔案jQuery_FixedTableHead.js內容如下:複製代碼 代碼如下:jQuery.fn.CloneTableHeader = function(tableId, tableParentDivId) {    var obj = document.getElementById("tableHeaderDiv" + tableId);    if (obj)

jQuery實現可拖動的浮動層完整代碼

以下是使用jQuery實現可拖動的浮動層的完整代碼,複製儲存到html檔案就可以體驗效果。也可以訪問以下網址體驗效果:http://www.keleyi.com/keleyi/phtml/dragdiv.htm 游標移動到層上,按住滑鼠就可以拖動層。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

chrome瀏覽器不支援onmouseleave事件的解決技巧

之前一直沒測試chrome ,今天事情不太多,就測試了一下,發現給div加的 onmouseleave事件在chrome 中不起效果; 後來發現解決辦法用jquery的方式實現 例如 複製代碼 代碼如下: <div id=‘aaa' class='divfloat' " onmouseleave='$(this).slideUp();' style='background-color: White; width:553px; position: absolute;left:" +

JQuery DataTable刪除行後的頁面更新利用Ajax解決

使用Jquery的DataTable進行資料表處理非常方便,常遇到的一個問題就是刪除一行後頁面必須進行更新,需要注意的方法如下:前台頁面中初始化table時注意: 複製代碼 代碼如下: var table = $('#sorting-advanced'); table.dataTable({ 'bServerSide': true, 'sAjaxSource': 'servlet/UserList<%=queryString%>', 'bProcessing': true,

JS調用列印方法設定頁首頁尾的執行個體

設定頁首頁尾 客戶名稱 電話 連絡人 連絡人電話 E-mail 所在地區 輝集團 0432-65412** 高經理 137562112** caihongssss@***.com 吉林市 吉林省明日科技有限公司 0431-84972266 賽經理 137563185** mingrisoft@mingrisoft.com 長春市 鑫***有限公司 0

jquery ui對話方塊執行個體代碼

目前JqueryUI提供的對話方塊支援使用相對比較的方便,範例程式碼如下所示:複製代碼 代碼如下:<body>    <form id="form1" runat="server">    <div id="dlg">        <asp:TextBox ID="TextBox1"

js判斷FCKeditor內容是否為空白的兩種形式

形式1: 複製代碼 代碼如下: function checkFCK(key) { var oEditor=FCKeditorAPI.GetInstance(key); var content=oEditor.GetXHTML(true); content=content.replace(/ /g,""); content=content.replace(/\s/g,""); content=content.replace(/ /g,"");

Js 代碼中,ajax請求地址後加隨機數防止瀏覽器緩衝的原因

看到別人寫的JS,ajax請求地址後加隨機參數,比如XXXX?t= + new Date().getTime()。一開始搞不懂為什麼,網上查了資料,原因是防止瀏覽器緩衝。瀏覽器為了提高使用者訪問同一頁面的速度,會對頁面資料進行緩衝。當url請求地址不變時,有時候會導致瀏覽器不發送請求,直接從緩衝中讀取之前的資料。如果資料改變了,而沒加隨機數,讀取的資料會跟之前一樣。加上隨機數,就是欺騙瀏覽器url改變了,會每次都向伺服器發送請求而不去讀緩衝

JQuery+CSS提示框實現思路及代碼(純手工打造)

複製代碼 代碼如下: <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.8.2.js"></script> <title>背景透明</title> <style> *{ margin:0; padding:0; } body{ position:relative; width:100%

基於JavaScript實現繼承機制之建構函式方法對象冒充的使用詳解

繼承的方式ECMAScript 實現繼承的方式不止一種。這是因為 JavaScript 中的繼承機制並不是明確規定的,而是通過模仿實現的。這意味著所有的繼承細節並非完全由解釋程式處理。作為開發人員,你有權決定最適用的繼承方式。最原始的繼承實現方式就是對象冒充,下面著重介紹該方法。對象冒充對象冒充實現繼承的核心其實依賴於在函數環境中使用 this 關鍵字。其原理如下:建構函式使用 this 關鍵字給所有屬性和方法賦值(即採用類聲明的建構函式方式)。因為建構函式只是一個函數,所以可使 ClassA

用jquery實現輸入框擷取焦點消失文字

我們在登入網站的時候,文字框中經常會有提示你輸入的資訊,當你點擊文字框,提示資訊自動消失,當文字框什麼都沒有,而且失去焦點的時候,又有了提示文字。 1.原型開發,先做一個簡單的: 我們首先需要一個html檔案: 複製代碼 代碼如下: <html> <head> <title>input test</title> <meta name="Content-Type" content="text/html; charset=UTF-8" />

Json字串轉換為JS對象的高效方法執行個體

今天學習JQuery源碼看到一下方法,原來還可以這樣解析JSON字串:複製代碼 代碼如下:  parseJSON: function( data ) {  if ( typeof data !== "string" || !data ) {   return null;  }  // Make sure leading/trailing whitespace is removed

jQuery fadeTo方法調整圖片的透明度使用介紹

複製代碼 代碼如下: <head> <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="

Javascript計算兩個marker之間的距離(Google Map V3)

Google Map V3 javascript計算兩個marker之間的距離 做地圖開發,最常用到的就是marker一些操作和互動。簡單介紹一下,兩個marker之間的距離計算。 google map api 很方便的 只要是常用的 基本上都有介面。 1.建立兩個marker點 複製代碼 代碼如下: var oldMarker = new google.maps.Marker({ position: new google.maps.LatLng("31.95678", "177.898673"

表單類各種類型(文字框)失去焦點效果jquery代碼

複製代碼 代碼如下: <SPAN style="FONT-SIZE: 18px">表單類失去焦點的效果</SPAN> 複製代碼 代碼如下: <script type="text/javascript"> $(function(){ $(":input").focus(function(){ //此處可擷取各種表單如(:text/:button) $(this).addClass("focusa"); if

Raphael帶文字標籤可拖動的圖形實現代碼

最近準備學學Javascript和Raphaël,實現一個可拖動的矩形,另外矩形上還得顯示標籤。查了一下網上這個東西還比較冷門。Javascript才學沒幾天,代碼估計寫的很爛。 複製代碼 代碼如下: <!doctype html> <html charset="utf-8"> <head> <title>Raphaël - Connectivities</title> <script

總頁數: 3271 1 .... 3139 3140 3141 3142 3143 .... 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.