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

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

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實現表頭固定效果的執行個體代碼

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

js控制web列印(局部列印)方法整理

首先定義css樣式: 複製代碼 代碼如下: @media print { .noprint { display: none;color:green } } 對於不想列印的內容只用在標籤中加上 class=noprint即可,列印的時候客戶也不會看到頁面任何變化。 列印時調用 window.print(); 另外幾種js局部列印的方法: 移花接木: 列印的時候,把需要列印的內容替換成整個body內容(使用者會在列印的時候看到變化,客戶體驗不太好) 複製代碼 代碼如下: function

jQuery bxCarousel實現圖片滾動轉場效果範例程式碼

BxCarousel是一個具有眾多配置且易用的Jquery圖片滾動外掛程式,特徵主要有: ◆ 可以指定顯示的元素總數 ◆ 可以指定每次滾動的元素個數 ◆ 自動播放模式 ◆ 前一張/後一張按鈕控製圖片流動 參數含義: display_num:顯示元素的數量,幾張圖片 move:單擊左右修飾鍵時,移動的元素個數,此處為移動2張圖片 prev_image:上一元素按鈕圖片 next_image:下一元素按鈕圖片 margin:圖片之間的間隙,一般設為10px auto:自動滾動效果 controls:

JS特殊函數(Function()建構函式、函數直接量)區別介紹

函數定義 函數是由這樣的方式進行聲明的:關鍵字 function、函數名、一組參數,以及置於括弧中的待執行代碼。 函數的構造文法有這三種: Js代碼 複製代碼 代碼如下: 1.function functionName(arg0, arg1, ... argN) { statements }//function語句 2.var function_name = new Function(arg1, arg2, ..., argN, function_body);//Function()建構函式 3

jquery實現智能感知串連外網搜尋

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

使用JavaScript 實現各種跨域的方法

一、一些概念①傳統Ajax:互動的資料格式——自訂字串或XML描述;    跨域——通過伺服器端代理解決。②如今最優方案:使用JSON格式來傳輸資料,使用JSONP來跨域。③JSON:一種資料交換格式。基於純文字、被原生JS支援。      格式:兩種資料類型描述符:大括弧{ }、方括弧[ ]。分隔字元逗號、映射符冒號、定義符雙引好。④JSONP:一種跨域資料互動協議,非官方。  1、Web頁面調用js檔案,可跨域。擴充:但凡有src屬性的標籤都具有跨域能力。  2

jQuery拖動圖片刪除樣本

複製代碼 代碼如下: <head> <title></title> <style type="text/css"> #mydiv { width: 900px; background-color: #444; position: absolute; left: 100px; } img { width: 200px; height: 200px; } ul { list-style-type: none; height: 200px; } ul

JQuery for與each效能比較分析

最近在做一個效能最佳化方面的工作,遇到很多細節問題,現在一一把遇到的問題記錄下來分享給大家,廢話就不多謝,我直接貼代碼。 複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>for與each效能比較</title> <script src="../Cks/jquery-1.7.1.min.js"

基於JavaScript 類的使用詳解

以下為建構函式方法建立類:複製代碼 代碼如下:function className (prop_1, prop_2, prop_3) {  this.prop1 = prop_1;  this.prop2 = prop_2;  this.prop3 = prop_3;}有了上面的類,我們就可以為類建立執行個體:複製代碼 代碼如下:var obj_1 = new className(v1, v2, v3)var obj_2 = new className(v1, v2

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%

js類比select下拉式功能表控制項的代碼

複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <meta 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高效反選具體實現

複製代碼 代碼如下: // 反選 $("#reverse-select").click(function() { $('.table tr').each(function() { var input = $(this).find('input'); var statu=input.prop("checked")==true?false:true; input.prop("checked",statu); }); }); 我在table上面每一行放了個checkbox 然後用按鈕單擊,實現反選

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="

只需20行代碼就可以寫出CSS覆蓋率測試指令碼

  document.styleSheets裡儲存了當前頁面上所有CSS規則的集合。通過它可以遍曆出頁面<style>裡定義的所有selector,訪問selectorText屬性可得選取器的匹配規則。然後將規則規則傳遞給 document.querySelectorAll 即可擷取頁面內匹配此規則的元素列表。  這裡我們只求CSS規則的覆蓋率,所以訪問 querySelectorAll().length 即可。通過排序就可看出各個CSS使用方式。  代碼很簡單。複製代碼 代碼如下:

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 .... 3150 3151 3152 3153 3154 .... 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.