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

javascript ¿ØÖÆcss js¿ØÖÆ clss


ÏñÉÏÃæµÄÒ»ÕÅͼƬÎÒÃǸÃÔõôÓÃjs ºÍcss + div ºÜºÃµÄÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄØ£¿
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -150px;
}
</style>
¶¨ÒåµÄcssÑùʽ£¬×Ðϸ¿´InputErrorºÍÆäËüµÄÇø±ðÄã»áÃ÷°×ºÜ¶à
¿´¿´Ò³ÃæÊÇÔõô¶¨ÒåµÄÄØ£º
<div id="ceshi" class="inputLogin"></div>
<a href="javascript:checkName()" >click</a>
ÔÙ¿´¿´ÎÒÃǵÄjs°É
function checkName(){
var uu = document.getElementById("ceshi");
uu.className="InpuRight";
uu.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color='red'>asdfdsf</font>";
}
¿´¿´ÎÒÃǵÄÒ»¿ªÊ¼ÔËÐаÉ
ÔÙ¿´¿´clickºóµÄ°É
ССµÄÑо¿°¡£¬ÓÃÈ¥ÁËÎÒ°ëÌìµÄʱ¼ä£¬»ÚºÞµ±³õûÓкúõÄѧ°¡£¡


Ïà¹ØÎĵµ£º

CSSºÐÄ£ÐÍÏêϸ½²½â

CSS ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËØ¶¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍǰ¶ËÓйصͼ»áÓõ½ Firebug °É – ÌǰéÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØÕ¹Ê¾ÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......

JavaScript XMLHttpRequestµÄÓô¦

      Èç¹ûÏë´ÓÍøÒ³Ìá½»²ÎÊýµ½·þÎñÆ÷£¬µÚÒ»¸öÏëµ½µÄ¾ÍÊÇHttpµÄForm±êÇ©¡£Ëü½«Óû§ÔÚ¿Í»§¶ËÍøÒ³ÌîдµÄÊý¾Ýͨ¹ýHTTP Post£¬Ìá½»µ½·þÎñ¶Ë¡£ÕâЩÌá½»µÄÊý¾Ý±»·ÅÔÚHTTPÏûÏ¢µÄbodyÀïÃæ£¬ÕâÑù£¬Óû§Ìá½»µÄÊý¾ÝÀíÂÛÉÏÊÇûÓ㤶ÈÏÞÖÆµÄ¡£Èç¹û·þÎñ¶ËÓõÄÊÇJ2EE£¬HttpServletRequest¿ÉÒԷdz£ÇáËɵÃÈ¡µ½ËùÓвΠ......

cssÓÃexpressionÀ´Çø·ÖÖ»¶ÁÎı¾¿ò


<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:´¦Àí·½Ê½£º
   ......

³ÉΪһÁ÷CSSÉè¼ÆÊ¦µÄ8´ó¼¼ÇÉ

CSSÊÇÒ»¸ö·Ç³£Ç¿´óµÄÍøÕ¾Éè¼Æ±ê¼ÇÓïÑÔ¡£
¡¡¡¡
¡¡¡¡ËäÈ»Äã¿ÉÄÜ»áÈÏΪ£¬ÈκÎÈ˶¼¿ÉÒÔתȥдCSS´úÂ룬µ«ÊÇΪÁËÈ·±£ÄúÔÚÕýÈ·µÄ¹ìµÀÉÏ£¬ÕâÀïÓÐÈçÏÂ8Ïî
CSSÔ­Ôò£¬Ã¿¸öÍøÒ³Éè¼ÆÊ¦Ó¦¸Ã×ñÑ­¡£
¡¡¡¡
¡¡¡¡1¡¢W3CÑéÖ¤
¡¡¡¡
¡¡¡¡Èç¹ûÄãÊÇ1¸öÕýÔÚдCSS±àÂëµÄÈËÔ±£¬ÄÇô½¨ÒéÄúÿ´Î¶ÔÄúËù´´½¨µÄCSS´úÂë½øÐÐÑéÖ¤¡£µ«ÊÇ£¬ÓкܶàÉè
¼ÆÊ ......

javascript¶¨Ê±¸ü»»±í¸ñ±³¾°

<html>
<head>
<title>changePage</title>
</head>
<body>
<table id="pic" cellpadding="0" cellspacing="0" border="1" width="200" height="100" bordercolor="red">
<tr>
<td>picture chanage!</td>
</tr>
</table>
< ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ