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Óï·¨ (²»Çø·Ö´
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
ʹÓÃJavaScript ¶ÔCookie ²Ù×÷µÄ·â×°
ͨ¹ý±¾Æª,ÄúÄÜÁ˽⵽:
ÄäÃûº¯Êý
±Õ°üµÄ²úÉú
JavaScriptʵÏÖprivate ÒÔ¼° public ·ÃÎÊȨÏÞ
document.cookie µÄ²Ù×÷
Javascript ûÓÐ private , public ·ÃÎÊȨÏÞÉèÖõĹؼü×Ö,µ«ÊÇ¿ÉÒÔͨ¹ýÒ»¶¨µÄ¼¼ÇÉÀ´Ä£Äâ³öÏàͬµÄ½á¹û.
Ê×ÏÈÎÒÃÇÀ´¿´ÏÂÃæÒ»ÐÐ ......
¹«Ë¾ÏîÄ¿ÏëҪʵÏÖÒ»ÖÖ¹¦ÄÜ£º
µ¥»÷Ò»¸ö°´Å¥»ò³¬Á´½Ó£¬È»ºó»á³öÏÖÆäËûµÄ³¬Á´½Ó£¬ÕâʱҪÈÃÆäÖеÄÒ»¸ö³¬Á´½Ó±»µ¥»÷£¬ÒÔÏÔʾһ¸ö³õÊ¼Ò³Ãæ¡££¨¹«Ë¾Ò³ÃæÊ¹ÓÃÁËframeset£©
ºÜÏÔÈ»£¬Ö®ºóµÄ³¬Á´½Óµ¥»÷ʼþÐèҪͨ¹ýJavaScriptÀ´´¥·¢¡£
Ò»¿ªÊ¼£¬ÎÒÏëµ½ÁËÓÃjQueryµÄclick()ʼþÀ´´¥·¢³¬Á´½ÓµÄµ¥»÷ʼþ£¨Óëtrigger("click")Ò ......
Æäʵ¾ÍÊÇÓÃ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 ......
ShowModalDialogº¯ÊýµÄ¹¦ÄÜ£º
´ò¿ªÒ»¸ö×Ó´°¿Ú£¬²¢ÇÒ¿ÉÓ븸´°¿ÚÏ໥´«µÝÊý¾Ý£¬ËüÓëwindow.openµÄ×î´óÇø±ð¾ÍÔÚÓÚÓÉShowModalDialog´ò¿ª×Ó´°¿Úºó£¬¸¸´°¿Ú½«²»ÄܲÙ×÷¡£
ʹÓ÷½·¨£º
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
²ÎÊý˵Ã÷£º
sURL
±ØÑ¡²ÎÊý£¬ÀàÐÍ£º×Ö·û´®¡£ÓÃÀ´Ö¸¶¨¶Ô»°¿òÒªÏ ......