<%@ Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server"></script><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>無標題頁</title> <link href="wahcss.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript"> //用javascript Label設定顏色 function Button1_Click() { var label1=document.getElementById("Label1"); label1.style.color='blue'; label1.style.backgroundColor='red'; label1.style.borderColor='green'; label1.style.border=1; label1.style.borderStyle='solid'; return false; } //使用者javascript設定Label的邊框樣式 function Button2_Click() { var label1=document.getElementById("Label1"); label1.style.border=1; //borderStyle可取的值 //none dotted dashed solid double groove ridge inset outset label1.style.borderStyle='dotted'; return false; } //設定label1的css樣式 function Button3_Click() { var label1=document.getElementById("Label1"); //className可能的值 //wang ai hui label1.className='ai'; return false; } //設定label1控制項是否可用 function Button4_Click() { var label1=document.getElementById("Label1"); label1.disabled=!label1.disabled; return false; } //設定label1控制項的字型樣式 function Button5_Click() { var label1=document.getElementById("Label1"); //fontStyle的值 normal italic oblique label1.style.fontStyle='italic'; return false; } //設定Label1的大小 function Button6_Click() { var label1=document.getElementById("Label1"); label1.style.fontSize='16pt'; return false; } //設定Label1的提示 function Button7_Click() { var label1=document.getElementById("Label1"); //以正兩條語名是一樣的 label1.title='王瑗琿是曲陽人'; // label1.setAttribute('title','王瑗琿是曲陽人'); return false; } //設定Label1可見與不可見 function Button8_Click() { var label1=document.getElementById("Label1"); if(label1.style.display=='none') { label1.style.display='block'; } else { label1.style.display='none'; } return false; } //設定Label1的Text文本 function Button9_Click() { var label1=document.getElementById("Label1"); label1.innerText="王瑗琿曾做過5年的程式開發,三年教學!"; return false; } //設定Label1的accessKey function Button10_Click() { var label1=document.getElementById("Label1"); var textBox1=document.getElementById("TextBox1"); textBox1.style.width=150; Label1.setAttribute("FOR",textBox1); label1.accessKey='1'; return false; } </script></head><body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" CssClass="wang" Text="中國.河北.保定.曲陽.王瑗琿"></asp:Label> <br /> <br /> <asp:TextBox ID="TextBox1" runat="server" Width="0" >please input alt+1</asp:TextBox><br /> <asp:Button ID="Button1" runat="server" OnClientClick="return Button1_Click();" Text="Color" /><br /> <asp:Button ID="Button2" runat="server" OnClientClick="return Button2_Click();" Text="borderStyle" /><br /> <asp:Button ID="Button3" runat="server" OnClientClick="return Button3_Click();" Text="cssClass" /><br /> <asp:Button ID="Button4" runat="server" OnClientClick="return Button4_Click();" Text="enabled" /><br /> <asp:Button ID="Button5" runat="server" OnClientClick="return Button5_Click();" Text="Font" /><br /> <asp:Button ID="Button6" runat="server" OnClientClick="return Button6_Click();" Text="size" /><br /> <asp:Button ID="Button7" runat="server" OnClientClick="return Button7_Click();" Text="toolTip" /><br /> <asp:Button ID="Button8" runat="server" OnClientClick="return Button8_Click();" Text="visible" /><br /> <asp:Button ID="Button9" runat="server" OnClientClick="return Button9_Click();" Text="text" /> <br /> <asp:Button ID="Button10" runat="server" OnClientClick="return Button10_Click();" Text="accessKey" /> </div> </form></body></html>