Time of Update: 2018-12-06
strict
Time of Update: 2018-12-06
效果預覽:http://jsfiddle.net/dtdxrk/PWEmw/embedded/result/ 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="content-type" charset="utf-8" /> 5 <title>Js物體緩衝運動</title> 6 </head> 7 <body> 8
Time of Update: 2018-12-06
效果預覽:http://jsfiddle.net/dtdxrk/ygM5y/1/embedded/result/<!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>
Time of Update: 2018-12-06
ie event.srcElementff event.targetvar obj = event.srcElement ? event.srcElement : event.target; 1.event.srcElement.parentNode.tagName; 得到上一個節點的標籤名稱 eg: <div style="border:10px red solid"> <input type="button" value="父元素標籤"
Time of Update: 2018-12-06
1 function isIE(){ //ie? 2 if (window.navigator.userAgent.toLowerCase().indexOf("msie")>=1) 3 return true; 4 else 5 return false; 6 } 7 8 if(!isIE()){ //firefox innerText define 9
Time of Update: 2018-12-06
DOM操作——怎樣添加、移除、移動、複製、建立和尋找節點。(1)建立新節點 createDocumentFragment() //建立一個DOM片段 createElement() //建立一個具體的元素 createTextNode() //建立一個文本節點(2)添加、移除、替換、插入 appendChild() removeChild() replaceChild() insertBefore()(3)尋找
Time of Update: 2018-12-06
效果預覽:http://jsfiddle.net/dtdxrk/P9gea/embedded/result/看見類似的效果 自己動手寫一個就是padding + setTimeout讓元素動起來 其實margin也行 調用的時候要注意元素的原始padding設定 1 <!DOCTYPE html> 2 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta
Time of Update: 2018-12-06
document.documentElement 返迴文檔的根節點<html> document.body <body> document.activeElement 返回當前文檔中被擊活的標籤節點(ie) event.fromElement 返回滑鼠移出的源節點(ie) event.toElement 返回滑鼠移入的源節點(ie) event.srcElement 返回啟用事件的源節點(ie) event.target
Time of Update: 2018-12-06
1.直接安裝安裝Sublime text 2外掛程式很方便,可以直接下載安裝包解壓縮到Packages目錄(菜單->preferences->packages)。2.使用Package Control組件安裝也可以安裝package control組件,然後直接線上安裝:按Ctrl+`調出console(註:安裝有QQIME的這個快速鍵會有衝突的,IME屬性設定-IME管理-取消熱鍵切換至QQ拼音)粘貼以下代碼到底部命令列並斷行符號:import urllib2,os; pf='Pa
Time of Update: 2018-12-06
這是一個讓我困擾了很久問題。在chrome中,如果設定了自動完成表單,那麼使用者在輸入了表單並且再次進入到表單頁面時,會發現表單下面有一個黃色的背景。例如下面這樣: 在網上找了很久以後,終於在這篇文章裡面找到了完美解決方案:http://www.benjaminmiles.com/2010/11/22/fixing-google-chromes-yellow-autocomplete-styles-with-jquery/ 對於純色背景的表單,只需要在CSS裡面加入類似下面的代碼即可:input
Time of Update: 2018-12-06
前幾天做了個網頁,為了測試ka-map在IE7中的層疊加效果今天把同學機器上內建的IE6升級到了IE7,但突然發現那個網頁裡的內容不顯示了。瀏覽器沒有提示任何錯誤,顯示完成載入,但是裡面沒有任何內容,很奇怪。花了一個下午的時間一點一點的實驗了一下,最後發現是因為在頁面裡寫了中文title,改成E文後正常。奇怪的是:為什麼在IE6裡能正常顯示,但在IE7裡就不行了呢?IE自己的版本之間都不能相互相容,感覺實在差勁,遠不如FF和Chrome好用。
Time of Update: 2018-12-06
XMLHttpRequest 對象提供了在網頁載入後與伺服器進行通訊的方法。 1 <script type="text/javascript"> 2 var xmlhttp; 3 function loadXMLDoc(url){ 4 xmlhttp = null; 5 if(window.XMLHttpRequest){ //code for all new browsers 6
Time of Update: 2018-12-06
盒模型——外邊距、內邊距和邊框之間的關係,IE 8以下版本的瀏覽器中的盒模型有什麼不同。一個元素盒模型的層次從內到外分別為:內邊距、邊框和外邊距IE8以下瀏覽器的盒模型中定義的元素的寬高不包括內邊距和邊框 區塊層級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。區塊層級元素,用CSS中的display:inline;屬性則變為行內元素行內元素,用CSS中的display:block;屬性則變為區塊層級元素影響:周圍元素顯示在同一行或換行顯示,根據具
Time of Update: 2018-12-06
1 <script type="text/javascript"> 2 function Navigator(){ 3 var Sys = {}, 4 ua = navigator.userAgent.toLowerCase(), 5 s; 6 7 (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 8 9 (s = ua.match(/firefox\/(
Time of Update: 2018-12-06
地圖切圖方式的WebGIS,如GoogleMap的瀏覽方式,是目前的地圖服務網站的通用方式。大的Gis平台,如ArcIMS在新的版本中也添加了TileMap技術。Google Maps 提供的衛星資料對諸多城市的影像資料都可以達到1 米以內的精度。衛星影像使用等角正切圓柱方式的墨卡托(Mercator)投影獲得,得到的影像預先仿照金字塔模式按不同精度階層式存放區,Google Maps 總共提供了0~17 共18 級的縮放等級。所有的衛星圖都被切片成256×256
Time of Update: 2018-12-06
效果預覽:http://jsfiddle.net/dtdxrk/nMNzT/embedded/result/IE的事件流叫做事件冒泡,即事件開始時由最具體的元素接受,然後逐級向上傳播到較為不具體的節點.簡單點說就是給一個子項目綁定一個onclick事件 當點擊的時候body也等於被點擊了.所以有時候需要阻止一下事件冒泡.event.bubbles 表明事件是否冒泡event.cancelable 表明是否可以取消事件的預設行為 1 <!DOCTYPE HTML> 2
Time of Update: 2018-12-06
請編寫一個JavaScript函數 parseQueryString,它的用途是把URL參數解析為一個對象如:var url = ”http://www.taobao.com/index.php?key0=0&key1=1& key2=2”var obj = new parseQueryString(url);alert(obj.key0) // 輸出0 1 <!DOCTYPE HTML> 2 <html lang="en"> 3
Time of Update: 2018-12-06
一直用到 索性就寫一個方法 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="content-type" charset="utf-8" /> 5 <title>Js解決ie6不支援fixed的方法</title> 6 </head> 7 <style type="text/css"> 8
Time of Update: 2018-12-06
效果預覽:http://jsfiddle.net/dtdxrk/m8R6b/embedded/result/Js駭客帝國效果 文字向下落製作過程和思路 1.css控制文字豎顯示2.動態添加div 用隨機數當文本 3.擷取解析度 把div隨機分布到螢幕裡4.隨機文字的大小和透明度5.用setInterval定時替換文本 改變div的top值6.定時生產div 當div移出顯示範圍時刪除效果不錯 缺點就是太消耗資源chrome ie運行不錯 ff有點卡 1 <!DOCTYPE HTML>
Time of Update: 2018-12-06
如何找到google地圖的經緯度 google地圖上並沒有顯示某個地址的經緯度,實際上,我們已經想到了一個辦法,可以找到在Google地圖上任意地點的經度和緯度。 首先開啟Google地圖,在上面尋找一個地址,然後上下左右移動地圖,讓這個地址正好處於地圖的正中心位置,當您想尋找座標位置已經處於地圖的中心位置的時候,拷貝並粘貼以下代碼到你的瀏覽器地址欄: javascript:void(prompt('',gApplication.getMap().getCenter()));