Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

JavaScript CSS StyleÊôÐÔ¶ÔÕÕ±í


JavaScript CSS StyleÊôÐÔ¶ÔÕÕ±í
ÎÄÕÂÀ´Ô´£ºhttp://www.phplamp.org/2008/10/jsavscript-js-css-style/
ΪÁ˴ﵽijÖÖÌØÊâµÄЧ¹ûÎÒÃÇÐèÒªÓÃJavascript¶¯Ì¬µÄÈ¥¸ü¸Äijһ¸ö±êÇ©µÄCssÊôÐÔ¡£±ÈÈ磺Êó±ê¾­¹ýÒ»¸öͼƬʱÎÒÃÇÈÃͼƬ¼ÓÒ»¸ö±ß¿ò£¬´úÂë¿ÉÄÜÊÇÕâÑù£º
JavaScript´úÂë
<script type="text/javascript">   
    function imageOver(e) {   
        e.style.border="1px solid red";   
    }   
    function imageOut(e) {   
        e.style.borderWidth=0;   
    }   
</script>   
<img src="phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />  
JavaScriptÖÐstyleºóÃæµÄÊôÐÔÓ¦¸ÃÊÇʲô£¿
JavaScript CSS StyleÊôÐÔ¶ÔÕÕ±í
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨ (²»Çø·Ö´óСд)JavaScriptÓï·¨ (Çø·Ö´óСд)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border-left-color
borderLeftColor
border-left-style
borderLeftStyle
border-left-width
borderLeftWidth
border-right
borderRight
border-right-color
borderRightColor
border-right-style
borderRightStyle
border-right-width
borderRightWidth
border-style
borderStyle
border-top
borderTop
border-top-color
borderTopColor
border-top-style
borderTopStyle
border-top-width
borderTopWidth
border-width
borderWidth
clear
clear
float
floatStyle
margin
margin
margin-bottom
marginBottom
margin-left
marginLeft
margin-right
marginRight
margin-top
marginTop
padding
padding
padding-bottom
paddingBottom
padding-left
paddingLeft
padding-right
paddingRight
padding-top
paddingTop
 
ÑÕÉ«ºÍ±³¾°±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨ (²»Çø·Ö´


Ïà¹ØÎĵµ£º

javascript ¶ÔÆÁĻλÖü°ä¯ÀÀÆ÷λÖõĻñÈ¡

// ä¯ÀÀÆ÷ÏÔÊ¾ÇøÓòµÄ¿íºÍ¸ß£¬ÏòÏ»¹Ô­ºóÖµ»á±äС¡£
document.body.clientWidth;
document.body.clientHeight;
 
// ÓëÉÏÃæµÄÁ½¸öÖµÏà±È£¬ÎÒ¾õµÃ¾ÍÊǼÓÉÏÁ˹ö¶¯ÌõµÄ¿íºÍ¸ß
document.body.offsetWidth;
document.body.offsetHeight;
 
// Õû¸öÍøÒ³µÄ¸ß¶ÈºÍ¿í¶È£¬°üÀ¨¹ö¶¯ÌõÖÐûÓÐÏÔʾ³öÀ´µÄ
document.bod ......

CSSÍøÕ¾²¼¾Ödiv¸ß¶È×ÔÊÊÓ¦ ½â¾ö

ºÜ¶àµÄWeb
designerÔÚ¸Õ½Ó´¥W3C±ê×¼µÄʱºò£¬¶¼Óöµ½¹ý¸ß¶È×ÔÊÊÓ¦µÄÎÊÌâ¡£ÒòΪdivµÈ¶ÔÏóµÄheight:100%;²¢²»Äܹ»Ö±½Ó²úÉúʵ¼ÊЧ¹û£¬ÓÚÊÇ¿ªÊ¼
»³ÒÉä¯ÀÀÆ÷ÊÇ·ñÖ§³Öheight:100%;µÄ±àд·½·¨£¿µ±È»²»ÊÇ£¬×îÃ÷ÏÔµÄÀý×Ó¾ÍÊÇtable
height="100"ÊÇûÓÐÈκÎÎÊÌâµÄ¡£ÕâÊǺÜÁîÈË·³ÄÕµÄÎÊÌâ¡£ÎÒä¯ÀÀÁ˺ܶàÍøÕ¾£¬°üÀ¨www.w3cn.o ......

DIV+CSSÖбêÇ©ul ol li dl dt ddÓ÷¨

ul ol li dl dt dd¶¼ÊÇDIV+CSS×öÍøÒ³³¤ÓõĶ«Î÷,Ï൱ÓÚÒ»¿ÃÊ÷µÄÊ÷¼¼,ÏÂÃæ¾ÍÁ˽âÒ»ÏÂÕâЩ¶«Î÷µÄÈ«ÌåÓ÷¨,±¾ÈËÓÃdd,dt,dlÓõúÜÉÙ,¶®µÃ½áºÏʹÓöÔ×ö¼Ü¹¹ÊǺÜÓкô¦µÄŶ!
DIV
CSSÍøÒ³²¼¾ÖÖг£ÓõÄÁбíÔªËØul ol li dl dt ddÊÍÒ壬¿é¼¶ÔªËØdiv¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol
ÓÐÐòÁÐ±í¡£
<ol>
<li> ......

vbscriptʵÏÖjavascript ¡°this¡± µÄ¹¦ÄÜ

Æäʵ¾ÍÊÇÓÃmeÀ´´úÌæthis£¬²»¶à˵£¬¿´´úÂ룺
=============================
´úÂë1£º
<html>
<head>
<title>ÎÞ±êÌâÎĵµ</title>
</head>
<body>
<input id="testit" type=button value="²âÊÔ" onclick="vbscript:me.value='Íê³É'">
<input id="testit" type=button v ......

Ö´ÐÐAJAX·µ»ØHTMLƬ¶ÎÖеÄJavaScript½Å±¾

Èç¹ûAJAX¼ÓÔØµÄÊý¾ÝÊÇÒ»¸öHTMLƬ¶Î£¬¶øÇÒÕâ¸öHTMLƬ¶Î»¹°üº¬½Å±¾<script>¿é£¬ÄÇôÔÚÄã°ÑÕâÊý¾ÝxmlHttp.responseTextÓÃinnerHTML·½·¨²åÈëµ½µ±Ç°ÎĵµÒ»¸öÔªËØÖУ¬Äã»á·¢ÏÖAJAX¼ÓÔØ»ØÀ´µÄ½Å±¾¸ù±¾Ã»ÓÐÖ´ÐС£ÕâÊÇAJAX¿ª·¢Öкܳ£¼ûµÄÎÊÌ⣬Èç¹ûÄã²»ÊÇÒ»Ö±ÔÚÓÃJavaScript¿ò¼Ü×ö¿ª·¢£¬ÏàÐÅÄãÔç¾Í·¢ÏÖÕâ¸öÎÊÌâÁË¡£±¾ÎÄ·ÖÎöÁËÁ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ