°Ù¶ÈÁËÏ ´óÌåÖªµÀ ÈçÏÂÇø±ð£º
id ´ú±íΨһ £¬ÔÚÕû¸öÒ³ÃæÊÇΨһµÄ£¬²»ÄÜÖØ¸´¡£
name ¿ÉÒÔÖØ¸´£¬Õû¸öÒ³ÃæµÄ name ¿ÉÒÔ¶¼Ò»Ñù
ÓÃÔÚJavaScript ÖРʱ
document.getElementById("str") ·µ»ØµÄÊÇ Î¨Ò»µÄÊý¾Ý¡£
document.getElementsByName("str") ·µ»ØµÄÊǸöÊý×é¡£
»¹ÓÐÊ²Ã´Çø±ð£¿Óдý·ÈËÖ¸Ö¤£¡ ......
<script language="javascript">
function newRow()
{
var tbl = document.all("mytbl");
var row = tbl.insertRow(2);
for (var i=0; i < tbl.rows[1].cells.length; i++)
{
var cell = row.insertCell();
cell.innerHTML = "<b>" + ((i+1)*10) + "</b>";
}
}
</script>
<table width="100%" align="center" id="mytbl" border= ......
HTMLÖÐʵÏÖÓÒ¼ü²Ëµ¥¹¦ÄÜ
ÎÒÃÇʹÓõÄÓ¦ÓÃϵͳºÜ¶à¶¼ÓÐÓÒ¼ü²Ëµ¥¹¦ÄÜ¡£µ«ÊÇÔÚÍøÒ³ÉÏÃæ£¬µã»÷ÓÒ¼üÒ»°ãÏÔʾµÄÈ´ÊÇIEĬÈϵÄÓÒ¼ü²Ëµ¥£¬ÄÇôÎÒÃÇÈçºÎʵÏÖ×Ô¼ºµÄÓÒ¼ü²Ëµ¥ÄØ£¿ÏÂÃæ½«½²½âÓÒ¼ü²Ëµ¥¹¦ÄܵÄʵÏÖÔÀíºÍʵÏÖ´úÂë¡£
ʵÏÖÔÀí
ÔÚHTMLÓïÑÔÖУ¬»ù±¾ÉÏÿ¸ö¶ÔÏó¶¼ÓÐÒ»¸öoncontextmenuʼþ£¬Õâ¸öʼþ¾ÍÊÇÊó±êµÄÓÒ¼üµ¥»÷ʼþ£¨onclickʼþÊÇÊó±êµÄ×ó¼üµ¥»÷ʼþ£©£¬ÄÇôÎÒÃǾͿÉÒÔÔÚÊó±êÓÒ»÷µÄʱºò£¬ÈÃϵͳµ¯³öÒ»¸ö´°¿Ú£¨Õâ¸öÊÇpopup´°¿Ú£¬ÏÔʾÔÚIEµÄ×îÇ°Ãæ£¬Ã»Óв˵¥£©£¬ÉÏÃæÏÔʾÎÒÃÇÏëÒªÏÔʾµÄ²Ëµ¥ÐÅÏ¢£¬µ±ÎÒÃǵ¥»÷ÆäÖÐijһÏîµÄʱºò£¬¾ÍÖ´ÐÐÎÒÃÇÉ趨µÄ¶¯×÷£¬È»ºó½«µ¯³ö´°¿Ú¹Ø±Õ¡£
ʵÏÖ´úÂë
ÏÂÃæÎÒдÁËÒ»¸öʾÀý´úÂ룬ģÄâÒ»¸öÊ÷ÐͲ˵¥£¬µ±ÎÒÃÇÓÒ¼üµã»÷Ê÷ÐͲ˵¥Ä³Ò»ÏîµÄʱºò£¬¾Í»áµ¯³öÓÒ¼ü²Ëµ¥£¬ÀïÃæÓГÐÂÔö”¡¢“Ð޸Ĕ¡¢“ɾ³ý”Èý¸ö²Ëµ¥Ïµ¥»÷ijÏî»áÖ´ÐÐÏàÓ¦µÄ²Ù×÷¡£Èç¹ûÊÇÔÚÒ³ÃæµÄÆäËüµØ·½µã»÷ÓÒ¼üµÄ»°£¬¾ÍÖ»ÏÔʾ“ÐÂÔö”Ò»¸ö²Ëµ¥Ïî¡£ÏÂÃæµÄ´úÂëÄÚÈÝ£º
contextmenuDemo.htmlÎļþ
¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D¨D
<%--
/**
*ʵÏÖÓÒ¼ü²Ëµ¥¹¦ÄÜ
*/
......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<title>test</title>
<meta name="Author" content="Doyoe(Æ®ÁãÎíÓê), edzmaster@gmail.com" />
<style type="text/css">
table {width:500px;table-layout:fixed;}
.col1 {width:100px;}
.col2 {width:200px;}
.col3 {width:200px;}
th strong {display:block;width:100%;}
tr strong,tr td {white-space:nowrap;overflow:hidden;}
</style>
</head>
<body>
<table border="1" cellspacing="0" summary="²âÊÔ">
<thead>
<tr>
<th class="col1"><strong>²úÆ·Ãû³Æ</strong></th>
<th class="col2"><strong>²úÆ·½éÉÜ</strong></th>
<th class="col3">&l ......
1 Ò³Ãæ²¼¾ÖÓë¹æ»®
2 дÈëÕûÌå²ã½á¹¹ÓëCSS
3 Ò³Ãæ¶¥²¿ÖÆ×÷Ö®Ò»
4 Ò³Ãæ¶¥²¿ÖÆ×÷Ö®¶þ
5 Ò³ÃæÖÆ×÷-ÓúÃborderºÍclear
ÔÚÍøÒ³ÖÆ×÷ÖУ¬ÓÐÐí¶àµÄÊõÓÀýÈ磺CSS¡¢HTML¡¢DHTML¡¢XHTMLµÈµÈ¡£ÔÚÏÂÃæµÄÎÄÕÂÖÐÎÒÃǽ«»áÓõ½Ò»Ð©ÓйØÓÚHTMLµÄ»ù±¾ÖªÊ¶£¬¶øÔÚÄãѧϰÕâÆªÈëÃŽ̳Ì֮ǰ£¬ÇëÈ·¶¨ÄãÒѾ¾ßÓÐÁËÒ»¶¨µÄHTML»ù´¡¡£ÏÂÃæÎÒÃǾͿªÊ¼Ò»²½Ò»²½Ê¹ÓÃDIV+CSS½øÐÐÍøÒ³²¼¾ÖÉè¼Æ°É¡£
ËùÓеÄÉè¼ÆµÚÒ»²½¾ÍÊǹ¹Ë¼£¬¹¹Ë¼ºÃÁË£¬Ò»°ãÀ´Ëµ»¹ÐèÒªÓÃPhotoShop»òFireWorks(ÒÔϼò³ÆPS»òFW)µÈͼƬ´¦ÀíÈí¼þ½«ÐèÒªÖÆ×÷µÄ½çÃæ²¼¾Ö¼òµ¥µÄ¹¹»³öÀ´£¬ÒÔÏÂÊÇÎÒ¹¹Ë¼ºÃµÄ½çÃæ²¼¾Öͼ¡£
ÏÂÃæ£¬ÎÒÃÇÐèÒª¸ù¾Ý¹¹Ë¼Í¼À´¹æ»®Ò»ÏÂÒ³ÃæµÄ²¼¾Ö£¬×Ðϸ·ÖÎöһϸÃͼ£¬ÎÒÃDz»ÄÑ·¢ÏÖ£¬Í¼Æ¬´óÖ·ÖΪÒÔϼ¸¸ö²¿·Ö£º
¡¡¡¡1¡¢¶¥²¿²¿·Ö£¬ÆäÖÐÓÖ°üÀ¨ÁËLOGO¡¢MENUºÍÒ»·ùBannerͼƬ£»
¡¡¡¡2¡¢ÄÚÈݲ¿·ÖÓÖ¿É·ÖΪ²à±ßÀ¸¡¢Ö÷ÌåÄÚÈÝ£»
¡¡¡¡3¡¢µ×²¿£¬°üÀ¨Ò»Ð©°æÈ¨ÐÅÏ¢¡£
¡¡¡¡ÓÐÁËÒÔÉϵķÖÎö£¬ÎÒÃǾͿÉÒÔºÜÈÝÒ׵IJ¼¾ÖÁË£¬ÎÒÃÇÉè¼Æ²ãÈçÏÂͼ:
¸ù¾ÝÉÏͼ£¬ÎÒÔÙ»ÁËÒ»¸öʵ¼ÊµÄÒ³Ãæ²¼¾Öͼ£¬ËµÃ÷һϲãµÄǶÌ×¹ØÏµ£¬ÕâÑùÀí½âÆðÀ´¾Í»á¸ü¼òµ¥ÁË¡£
¡¡¡¡DIV½á¹¹ÈçÏ£º
¡¡¡¡©¦body {}¡¡/*ÕâÊÇÒ»¸öHTMLÔªËØ£¬¾ ......
Ò».ʹÓÃcssËõд
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï
¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHTMLÖÐÄã¿ÉÒÔֻдwidth="100"£¬µ«ÊÇÔÚCSSÖУ¬Äã±ØÐë¸øÒ»¸ö׼ȷµÄµ¥
룬±ÈÈç:width: 100px width:100em¡£Ö»ÓÐÁ½¸öÀýÍâÇé¿ö¿ÉÒÔ²»¶¨Ò嵥λ:ÐиߺÍ0Öµ¡£³ý´ËÒÔÍ⣬ÆäËûÖµ¶¼±ØÐë½ô¸ú
µ¥Î»£¬×¢Ò⣬²»ÒªÔÚÊýÖµºÍµ¥Î»Ö®¼ä¼Ó¿Õ¸ñ¡£
Èý.Çø·Ö´óСд
µ±ÔÚXHTMLÖÐʹÓÃCSS£¬CSSÀﶨÒåµÄÔªËØÃû³ÆÊÇÇø·Ö´óСдµÄ¡£ÎªÁ˱ÜÃâÕâÖÖ´íÎó£¬ÎÒ½¨ÒéËùÓе͍ÒåÃû³Æ¶¼²ÉÓÃСд
¡£
classºÍidµÄÖµÔÚHTMLºÍXHTMLÖÐÒ²ÊÇÇø·Ö´óСдµÄ£¬Èç¹ûÄãÒ»¶¨Òª´óСд»ìºÏд£¬Çë×ÐϸȷÈÏÄãÔÚCSSµÄ¶¨ÒåºÍXHTMLÀï
µÄ±êÇ©ÊÇÒ»Öµġ£
ËÄ.È¡ÏûclassºÍidǰµÄÔªËØÏÞ¶¨
µ±Äãд¸øÒ»¸öÔªËØ¶¨Òåclass»òÕßid£¬Äã¿ÉÒÔÊ¡ÂÔÇ°ÃæµÄÔªËØÏÞ¶¨£¬ÒòΪIDÔÚÒ»¸öÒ³ÃæÀïÊÇΨһµÄ£¬¶øclas s¿ÉÒÔÔÚÒ³
ÃæÖжà´ÎʹÓá£ÄãÏÞ¶¨Ä³¸öÔªËØºÁÎÞÒâÒå¡£ÀýÈç:
div#content { }
fieldset.details { }
¿ÉÒÔд³É
#content { }
.details { }
ÕâÑù¿ÉÒÔ½ÚʡһЩ×Ö½Ú¡£
Îå.ĬÈÏÖµ
ͨ³£paddingµÄĬÈÏֵΪ0£¬background-colorµ ......