Time of Update: 2017-01-19
本文執行個體講述了Javascript實現的簡單右鍵菜單類。分享給大家供大家參考。具體如下:這是自己寫的一個右鍵菜單類,屏蔽掉了IE固有的右鍵菜單,一共有四個參數:第一個是出發顯示右鍵菜單的div的id第二個是右鍵菜單這個層的id,根據這個id去建立一個新的層,menuList是功能表項目的列表,對應了點擊一個功能表項目後觸發的函數,classList是菜單的class名稱,以及功能表項目對應的class名稱,包含了滑鼠滑過時的class。運行效果截圖如下:線上示範地址如下:http://dem
Time of Update: 2017-01-19
本章節介紹一下如何?未知寬高的元素在指定元素下實現垂直水平置中效果,下面就以span元素為例子,介紹一下如何?span元素在div中實現水平垂直置中效果,代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><style type="text/css">#box{ width:200px; height:150px; background:blue;
Time of Update: 2017-01-19
今天介紹的這個JS判斷蜘蛛來源的方法指令碼是寫在body的onload裡面的。即頁面載入時進行判斷。代碼如下:body {onload:expression(if(window.name!="Yang"){var str1 = document.referrer;str1 = str1.toLowerCase();var str6 = 'google.';var str7 = 'baidu.';var str4 = 'yahoo.';var str8 = 'youdao.';var str9 =
Time of Update: 2017-01-19
先給大家展示實現後效果:為直觀期間,先貼出來我做的效果列表展示和地圖展示以及聯動顯示資訊實現思路:1、列表與地圖的互動滑鼠經過列表時,修改列表表徵圖,並根據列表返回的值在地圖上繪藍色的marker;滑鼠移出,修改列表表徵圖為紅色,清空地圖marker圖層。關鍵代碼:title.on("mouseover",function(){ var attr = $(this).data("attr"); $("#icon"+attr.id).css("background","url('images/
Time of Update: 2017-01-19
網頁進度條能夠更好的反應當前網頁的載入進度情況,loading進度條可用動畫的形式從開始0%到100%完成網頁載入這一過程。但是目前的瀏覽器並沒有提供頁面載入進度方面的介面,也就是說頁面還無法準確返回頁面實際載入的進度,本文中我們使用jQuery來實現頁面載入進度條效果。HTML首先我們要知道的是,目前沒有任何瀏覽器可以直接擷取正在載入對象的大小。所以我們無法通過資料大小來實現0-100%的載入顯示過程。因此我們需要通過html代碼逐行載入的特性,在整頁代碼的若干個跳躍行數中設定節點,進行大概的
Time of Update: 2017-01-19
【情境1】全域環境中的this指向全域對象this.a = 10;alert(a);//10b = 20;alert(this.b);//20var c = 30;alert(this.c);//30【情境2】對象內建函式的this指向調用函數的當前對象var a = 10;var bar = { a: 20, test: function(){ alert(this.a); }}bar.test();//20【情境3】全域環境函數的this指向全域對象var a = 10;function
Time of Update: 2017-01-19
原理就是通過離開頁面行為時間onunload觸發時間去檢測此時的瀏覽器的視窗大小,根據大小由此判斷使用者是重新整理,跳轉或是關閉行為程式 代碼如下 window.onunload = function(){ var a_n = window.event.screenX - window.screenLeft; var a_b = a_n > document.documentElement.scrollWidth-20; if(
Time of Update: 2017-01-19
在C和Java中,都有一個程式的入口函數或方法,即main函數或main方法。而在JavaScript中,程式是從JS源檔案的頭部開始啟動並執行。但是某種意義上,我們仍然可以虛構出一個main函數來作為程式的起點,這樣一來不僅可以跟其他語言統一了,而且說不定你會對JS有更深的理解。1. 實際的入口當把一個JavaScript檔案交給JS引擎執行時,JS引擎就是從上到下逐條執行每條語句的,直到執行完所有代碼。2.
Time of Update: 2017-01-19
JSON (JavaScript Object Notation)一種簡單的資料格式,比xml更輕巧。 JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 資料不需要任何特殊的 API 或工具包。JSON的規則很簡單: 對象是一個無序的“‘名稱/值'對”集合。一個對象以“{”(左括弧)開始,“}”(右括弧)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值'
Time of Update: 2017-01-19
前幾天看見了一個來自雷神之槌的平方根源碼,原理多方有介紹,不贅述。源碼是c語言寫的,我思考後發現這樣的演算法在javascript中也是可以完成的。function InvSqrt(x){ var h=0.5*x; var b=new ArrayBuffer(4); var d=new DataView(b,0); d.setFloat32(0,x); var i=d.getInt32(0); i=0x5f375a86-(i>>1); d.setInt32(0,i);
Time of Update: 2017-01-19
1、base64加密 在頁面中引入base64.js檔案,調用方法為:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>base64加密</title><script type="text/javascript" src="base64.js"></script><script type="text/javascript">
Time of Update: 2017-01-19
不廢話了,直接貼代碼了。代碼一:var map=new Map();map.put("a","A");map.put("b","B");map.put("c","C");map.get("a"); //返回:Amap.entrySet() // 返回Entity[{key,value},{key,value}]map.containsKey('kevin') //返回:falsefunction Map() { this.keys = new Array(); this.data =
Time of Update: 2017-01-19
廢話不多說,直接上代碼:<!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 runat="server"> <title></title>
Time of Update: 2017-01-19
我做的時間的驗證,格式是不需要驗證的,只需要驗證起始日期與結束日期的大小,但是因為輸入頁面是批量的,而且每一行又是自動產生的,這樣就不能用id來作為參數,只能用節點。這就給驗證增加了難度。 以下是jsp頁面的部分:<td><input id="warrantyStartDateStr" name="warrantyStartDateStr" class="toolbar_button_input_80" type="Text"
Time of Update: 2017-01-19
現在有很多網站都在做秒殺商品,而這其中有一個很重要的環節就是倒計時。關於倒計時,有下面幾點需要注意:1.應該使用伺服器時間而不是本地時間(本地時間存在時區不同、使用者自行設定等問題)。2.要考慮網路傳輸的耗時。3.擷取時間時可直接從AJAX的回應標頭中讀取(通過getResponseHeader('Date')來獲得),伺服器端不需要專門寫時間產生指令碼。過程分析:1.從伺服器讀到一個時間戳記之後便開始計時,不考慮網路傳輸的耗時:圖中的各項標註分別是(上面的時間軸採用標準時間,與伺服器和頁面的時
Time of Update: 2017-01-19
JavaScript實現仿新浪微博大廳和未登入騰訊微博首頁滾動效果,貌似這些天有不少朋友需要這功能,前幾天已經發了幾個了,不過那一個效果是用jquery實現的《jQuery向上迴圈滾動(仿新浪微博未登入首頁滾動微博顯示)》,今天發現這款是js製作的好,不敢獨享,希望需要的朋友喜歡哦。效果圖展示如下:查看示範 源碼下載html代碼<div class="wp"><ul
Time of Update: 2017-01-19
我一直對人工智慧識別技術非常感興趣,因為我無法想象這究竟是一種什麼樣的演算法,什麼樣的分析過程。無論是聲音識別、Face Service或其它種識別,人們的外貌、說話的方式都是如此不同,一種圖片你可以用不同的方式、從不同的角度拍攝,我不能理解這些識別技術是如何做到的。有個叫做“面具”的遊戲也使用了這種識別技術,我想對於臉部識別技術也應該研究一下。Facebook使用了這種技術,在手勢控制中也能用到它,所以,你網站上也會有應用的地方。我找到的一個可以用於Face
Time of Update: 2017-01-19
js的touch事件,一般用於移動端的觸屏滑動複製代碼 代碼如下:$(function(){document.addEventListener("touchmove", _touch, false);}) function
Time of Update: 2017-01-19
1.Object對象 原型對象 原型是對象的一個屬性,也就是prototype屬性,每個對象都有這個內部屬性,而且他本身也是一個對象。<script type="text/javascript"> Object.prototype.num= 10; alert("添加原型對象屬性:"+ Object.num); Object.num = 20;
Time of Update: 2017-01-19
Regex判斷所填入號碼的電訊廠商js代碼修改版:http://www.jb51.net/article/31563.htm在做WEB項目時,有時候需要根據使用者的輸入手機號碼判斷該號的電訊廠商是移動、聯通、電信或其他,再根據不同的電訊廠商做出相應的處理,下面介紹js中如何判斷手機號的電訊廠商的代碼純js代碼 var isChinaMobile = /^134[0-8]\\d{7}$|^(?:13[5-9]|147|15[0-27-9]|178|18[2-478]