XiaoLian

瀏覽器的相容性問題，經常困擾著網頁設計師，而不同的瀏覽器對於CSS支援也不同，可配合條件註解的方式，去判斷瀏覽器，以讀取適合的CSS檔案。 語法︰ <!--[if IE 6]>       //IE瀏覽器版本6                      <link rel="stylesheet" href="css/styleIE6.css" type="text/css" media="screen"/> <![endif]--> <!--[if IE 7]>       //IE瀏覽器版本7  <link rel="stylesheet" href="css/styleIE7.css" type="text/css" media="screen"/> <![endif]--> <!--[if IE 8]>      //IE瀏覽器版本8 <link rel="stylesheet" href="css/styleIE8.css" type="text/css" media="screen"/> <![endif]--> <!--[if IE 9]>       //IE瀏覽器版本9 <link rel="stylesheet" href="css/styleIE9.css" type="text/css" media="screen"/> <![endif]--> <!--[if !IE]> -->   //瀏覽器 不是 IE <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/> <!-- ...

● 首先，在Web.Config中<system.web></system.web>加入以下語法 ● 在App_Code中分別建立兩個資料夾VB跟CSharp。接著並針對VB、CSharp各建立一個類別（僅供參考Class1.cs及Class2.vb） ● Class1.cs程式碼（僅供參考） ● Class2.vb程式碼（僅供參考） ● 最後，呼叫部份分別針對VB、CSharp各建立一個Aspx頁面（僅供參考Default.aspx及Default2.aspx） ● CSharp呼叫vb類別頁面（僅供參考Default.aspx及Default.aspx.cs） ● vb呼叫CSharp類別頁面（僅供參考Default2.aspx及Default2.aspx.vb）

使用JQuery前，需要引用Jquery元件。 HTML 頁面(參考)︰ <table width="800" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#CCCCCC">  <tr bgcolor="#CCCCCC">   <!--(主)標題 -->     <td width="20"></td>  <td width="21">NO.</td>     <td width="160">Company Name</td>     … 省略 …  </tr>  <tr>     <!--(主)內容 --> <td>< a href=" #tr1 ">+</a></td>     … 省略 …  </tr> <tr> <td colspan="9" class="content">                         <div id=" tr1 "  style="display:none;">   <!--控制細項顯示與隱藏 -->           <table width="732" border="1" cellpadding="1" cellspacing="1" bordercolor="#CCCCCC">             <tr bgcolor="#009900" style="color:#FFFFFF; "...

網頁設計中經常會遇到相同的HTML元件定義在不同瀏覽器下，顯示結果會不一致，為了要達到版面一致化。 必須針對各個瀏覽器做判斷及各別定義HTML元件屬性。判斷瀏覽器做法很多種，有的是用CSS方式做判斷，本篇先介紹用Javascript方式。 <!--偵測 Browser function detectBrowser (){  var sAgent = navigator.userAgent.toLowerCase();  this.isIE = (sAgent.indexOf("msie")!=-1); //IE6.0-7  this.isFF = (sAgent.indexOf("firefox")!=-1); //firefox  this.isSa = (sAgent.indexOf("safari")!=-1); //safari  this.isOp = (sAgent.indexOf("opera")!=-1); //opera  this.isNN = (sAgent.indexOf("netscape")!=-1); //netscape  this.isCh = (sAgent.indexOf("chrome")!=-1); //chrome  this.isMa = this.isIE; //marthon  this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa); //unknown Browser } // --> //check Browser var oBrowser = new detectBrowser (); if (oBrowser.isIE) {  alert("IE6.0/7.0(or above version).");   } if (oBrowser.isSa && !oBrowser.isCh) {  alert("Safari....

首先，先到 http://www.tipstricks.org/ 造訪，挑選自己喜歡的風格及規則，最後並下載。 如下圖(參考)： 接著在網頁上開始引用。 Javascript部分：(此功能為重新產生驗證碼圖片) <script type="text/javascript" language="javascript">         function RefreshImage(valImageId) {             var objImage = document.getElementById(valImageId)             if (objImage == undefined) {                 return;             }             var now = new Date();             objImage.src = objImage.src.split('?')[0] + '?x=' + now.toUTCString();         } </script> HTML部分： <img src=" /captcha/captcha.asp " id=" imgCaptcha " />&nbsp; <a...

由於工作上的需要，而在網路上到處爬文，以往這樣的效果是使用Javascript呈現的，不但程式碼攏長而且有時還會卡卡的，或造成畫面閃爍。 現在CSS愈來愈強大及瀏覽器版本支援性佳，只要幾行簡單的 CSS 語法便能製作出同樣的效果。 而這個 CSS 語法的關鍵便是 position:fixed。 部分HTML : <!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> .....省略之..... <style type="text/css"> /* 右邊圖片按鈕,不隨著捲軸而變動*/ #fixed-ad {    /* 回上一頁 */   background-image:url(/img/back1.png);   width:50px;   height:50px;   position:fixed;   top:200px;     right:0px;   _position: absolute; /* position fixed for IE6 */   _top:expression(documentElement.scrollTop+200);   _right:expression(documentElement.scrollRight+0);   z-index:3; } #fixed-ad2 {     /* 回主頁 */   background-image:url(/img/back_main.png);   width:50px;   height:50px;   position:fixed; ...

假設父頁面（Ex︰A.html），子頁面（Ex︰B.html）。 父頁面（Ex︰A.html） Javascript︰ <script type="text/javascript"> //父回應 function parentResponse(s)    {    alert('parentResponse---'+s); } //呼叫子 function callchild(s)    {       window.frames[" childframe "]. childResponse(s) ; } </script> HTML︰ <input name="callChild" type="button" onclick=" callchild('son') ;" value="呼叫子"/> <br/> <iframe src=" B.html " name="childframe" width="100%" marginwidth="0" marginheight="0" scrolling="No" frameborder="0" id=" childframe " ></iframe> ============================================================================================ 子頁面（Ex︰B.html） Javascript︰ <script type="text/javascript"> //子回應 function childResponse(s)    {       alert('childReponse---'+s); } //呼叫父 function callparent(s)    {   var frame = wind...