ÓÃjavascript¶¯Ì¬ÉèÖÃcssÑùʽµÄÖµ
css¿ØÖÆλÖãº
´¿Êý×Ö
el.style.posLeft = 0;
el.style.posTop = 0;
Êý×Ö+µ¥Î»
el.style.left = "0px";
el.style.top = "0px";
css¿ØÖÆÔªËصÄÑùʽ£º
document.getElementById("para").style.fontWeight ="bold";
»ò£¨ÆäËûÒ²ÊÇÕâÑù£©£º
document.getElementById("para").className ="strong";
Ïà¹ØÎĵµ£º
setTimeout (±í´ïʽ,ÑÓʱʱ¼ä)
setInterval(±í´ïʽ,½»»¥Ê±¼ä)
ÑÓʱʱ¼ä/½»»¥Ê±¼äÊÇÒÔºÀÃëΪµ¥Î»µÄ(1000ms=1s)
setTimeout ÔÚÖ´ÐÐʱ,ÊÇÔÚÔØÈëºóÑÓ³ÙÖ¸¶¨Ê±¼äºó,È¥Ö´ÐÐÒ»´Î±í´ïʽ,½öÖ´ÐÐÒ»´Î
setInterval ÔÚÖ´ÐÐʱ,Ëü´ÓÔØÈëºó,ÿ¸ôÖ¸¶¨µÄʱ¼ä¾ÍÖ´ÐÐÒ»´Î±í´ïʽ
set Timeout Ò²¿ÉÒÔʵÏÖÏósetIntervalÒ»ÑùµÄ¹¦ÄÜ
set ......
ÌáÆðÃæÏò¶ÔÏóÎÒÃǾÍÄÜÏëµ½À࣬¶ÔÏ󣬷â×°£¬¼Ì³Ð£¬¶à̬¡£ÔÚ¡¶javaScript¸ß¼¶³ÌÐòÉè¼Æ¡·£¨ÈËÃñÓʵç³ö°æÉ磬²ÜÁ¦¡¢ÕÅÐÀÒë¡£Ó¢ÎÄÃû×ÖÊÇ£ºProfessional JavaScript for Web Developers£©Õâ±¾ÊéÖÐÃèÊöµÄ»¹Ëã±È½ÏÏêϸ¡£ÎÒÃÇ¿´¿´JavaScriptÖж¨ÒåÀàµÄ¸÷ÖÖ·½·¨¡£
1£®¹¤³§·½Ê½
javaScri ......
visibility: hidden, visible
display: block, inline, none
visibility: ¿ØÖÆÒ³ÃæÔªËصÄÏÔʾºÍÒþ²Ø£¬²»¿ÕÖµÔªËصÄλÖÃÌØÕ÷¡£
document.getElementById("div").style.visibility = "hidden"; //Òþ²ØÔªËØ
document.getElementById("div").style.visibility = "visible"; //ÏÔʾԪËØ
µ±ÔªËØÔÚÒ³ÃæÊÇÒþ²Øʱ£¬ ......
1. CSSµÄÒªµãÊÇÔÚÄãµÄÒ³ÃæÖÐʹÓüò½àµÄHTML´úÂë,È»ºó±àдCSS"¿ØÖƹæÔò"À´Ñùʽ»¯Ò³ÃæÖеĶÔÏó.Ò³Ãæ±£³ÖÇåÎúÓÐÌõ²»ÎÉ¿´ÉÏÈ¥·Ç³£°ô.ÕâÑùÄãµÄHtmlÒ³Ãæ¿ÉÒÔÔÚÒƶ¯É豸ºÍ±ê×¼ä¯ÀÀÆ÷ÖÐÔËÐÐ.Õâ¾ÍÊÇCSSµÄÒªµã.
²»¹ýCSSµÄÒÕÊõÔÚÓÚÄܹ»ÀûÓÃCSS¿ØÖƹæÔò¿ìËÙÓÐЧµØ²Ù×ÝÒ³Ãæ¶ÔÏó.°ÑCSS¹æÔòÓëHTML±ê¼ÇÆ¥ÅäÆðÀ´µÄ²Ù×ö¾ÍºÃÏñÊÇÒ»ÖÖ¶ ......
Õâ¶Îʱ¼äÔÚѧϰcss£¬×ܽáÁËһЩ¼¼ÇÉÀ´ºÍ´ó¼Ò·ÖÏíÏ£º
¡¡¡¡1¡¢Ê¹Óà line-height ´¹Ö±¾ÓÖÐ
¡¡¡¡line-height:24px;
¡¡¡¡Ê¹Óù̶¨¿í¶ÈµÄÈÝÆ÷²¢ÇÒÐèÒªÒ»Ðд¹Ö±¾ÓÖÐʱ£¬Ê¹Óà line-height ¼´¿É(¸ß¶ÈÓ븸²ãÈÝÆ÷Ò»ÖÂ)£¬¸ü¶àµÄ´¹Ö±¾ÓÖÐ×ܽá¿ÉÒÔ¿´ÕâÀï¡£
¡¡¡¡2¡¢Çå³ýÈÝÆ÷¸¡¶¯
¡¡¡¡#main {
¡¡¡¡overflow:hidden;
¡¡¡¡}
......