Javascript 偵測 IE 版本

利用 Javascript 偵測各種IE版本及是否為IE!

// Internet Explorer 6
var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
// exactly Internet Explorer 7
var IE7 = false /*@cc_on || @_jscript_version == 5.7 @*/;
// at least Internet Explorer 7
var gteIE7 = false /*@cc_on || @_jscript_version >= 5.7 @*/;
// any Internet Explorer (thanks to Dean)
var isMSIE = /*@[email protected]*/false;

  2012-08-10      ez      JavaScript
Javascript 也能有 Multi-Thread 利用 Conurrent Thread Library

以往常常遇到 Javascript 執行較長時間就會出現 "終止Javascript警訊" 或 "瀏覽器當掉",此時就可以利用 Conurrent Thread Library,就可以達到 Multi-Thread 效果,就不會當掉了。

檔案下載:Concurrent.Thread-full-20090713

相關說明:http://sourceforge.net/apps/mediawiki/jsthread/

範例:

<script src="Concurrent.Thread-full-20090713.js" language="javascript"></script>
<script language="javascript" type="text/javascript">
Concurrent.Thread.create(function(){
  var i = 0;
  while(true) document.body.innerHTML += (i++) + " ";
});
</script>

  2012-05-23      ez      JavaScript
用2張圖片製作一個有Mouseover效果的Button (JavaScript)

繼上次使用CSS製作Button後,這次要來嘗試用兩張圖片製作,預計效果如下

  • Mouseover換圖顯示
  • 固定在該區塊的左邊
  • Clicks外跳視窗

 

【成品】

 

【製作解說】

作法一,改變CSS的Style,使用background這個元素做變化 [完整語法]

<div style="width: 110px; height: 40px;cursor: pointer; background: url(圖片網址);"
	title="Mouseover會切換"
	onClick="window.open('網址')"
	onmouseover="this.style.background ='url(圖片網址)';"
	onmouseout="this.style.background='url(圖片網址)';">
</div>

  2013-08-28      ez   
製作一個有Mouseover效果的Button (CSS+JS)

一直很想試試看自己做一個有Mouseover效果的Button,這次參考了重灌狂人的文章提供的語法,在修改之後就出來囉!

  • Mouseover變換文字顏色
  • 固定在該區塊的左邊
  • 文字上下左右置中
  • Clicks直接換頁

【成品】

Mousever看看

   

 

【範例語法】

<div style="float: left;">
    <div style="width: 180px; height: 50px; font-size: 25px; color: #777777;
		background-color: #ffeedd;
		border-style: dashed;
		line-height: 50px;
		text-align: center;
		cursor: pointer;"
		title="Mousever看看 "
		onclick="location.href = '目標連結'"
		onmouseover="this.style.color='#CC5533';"
		onmouseout="this.style.color='#777777';">
		Mousever看看
	</div>
</div>

  2013-08-28      ez   
JavaScript 非同步下載 (延遲載入)

以往會在網頁上加入 Javascript ,但容易產生 Javascript 載入過慢,造成頁面卡住的情況發生!

此時就能採用非同步下載方式,即可達到不延遲的效果。 同步方式:

<script src="web.js" type="text/javascript"></script>

非同步方式:

(function () {
    var _script = document.createElement("script");
    _script.src = "web.js";
    _script.type = "text/javascript";
    _script.async = true;
    document.getElementsByTagName("head")[0].appendChild(_script);
} ());

  2011-12-03      ez      JavaScript