CSSºÍJavascriptÖеÄstyle.displayÓëstyle.visibility
¡¡´ó¶àÊýÈ˺ÜÈÝÒ×½«CSSÊôÐÔdisplayºÍvisibility»ìÏý£¬ËüÃÇ¿´ËÆûÓÐʲô²»Í¬£¬ÆäʵËüÃǵIJî±ðÈ´ÊǺܴóµÄ¡£
¡¡¡¡visibilityÊôÐÔÓÃÀ´È·¶¨ÔªËØÊÇÏÔʾ»¹ÊÇÒþ²Ø£¬ÕâÓÃvisibility="visible|hidden"À´±íʾ£¬visible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"µÄʱºò£¬ÔªËØËäÈ»±»Òþ²ØÁË£¬µ«ËüÈÔȻռ¾ÝËüÔÀ´ËùÔÚµÄλÖá£Àý£º
<script language="javascript">
function toggleVisibility(me)
{
¡¡¡¡if (me.style.visibility=="hidden")
¡¡¡¡{
¡¡¡¡¡¡¡¡me.style.visibility="visible";
¡¡¡¡}
¡¡¡¡else
¡¡¡¡{
¡¡¡¡¡¡¡¡me.style.visibility="hidden";
¡¡¡¡}
}
</script>
¡¡¡¡<div onclick="toggleVisibility(this)" style="position:relative">
¡¡¡¡µÚÒ»ÐÐÎı¾½«»á´¥·¢"hidden"ºÍ"visible"ÊôÐÔ£¬×¢ÒâµÚ¶þÐеı仯¡£</div><div>ÒòΪvisibility»á±£ÁôÔªËصÄλÖã¬ËùÒÔµÚ¶þÐв»»áÒƶ¯.</div>
¡¡¡¡µÚÒ»ÐÐÎı¾½«»á´¥·¢"hidden"ºÍ"visible"ÊôÐÔ£¬×¢ÒâµÚ¶þÐеı仯¡£
¡¡¡¡ÒòΪvisibility»á±£ÁôÔªËصÄλÖã¬ËùÒÔµÚ¶þÐв»»áÒƶ¯¡£
¡¡¡¡×¢Òâµ½£¬µ±ÔªËر»Òþ²ØÖ®ºó£¬¾Í²»ÄÜÔÙ½ÓÊÕµ½ÆäËüʼþÁË£¬ËùÒÔÔÚµÚÒ»¶Î´úÂëÖУ¬µ±Æä±»Éè"hidden"µÄʱºò£¬¾Í²»ÄÜÔÙ½ÓÊÕÏìÓ¦µ½Ê¼þÁË£¬Òò´ËÒ²¾ÍÎÞ·¨Í¨¹ýÊó±êµã»÷µÚÒ»¶ÎÎı¾ÁîÆäÏÔʾ³öÀ´¡£
¡¡¡¡ÁíÒ»·½Ã棬displayÊôÐÔ¾ÍÓÐÒ»µã²»Í¬ÁË¡£visibilityÊôÐÔÊÇÒþ²ØÔªËص«±£³ÖÔªËصĸ¡¶¯Î»Ö㬶ødisplayʵ¼ÊÉÏÊÇÉèÖÃÔªËصĸ¡¶¯ÌØÕ÷¡£µ±display±»ÉèÖÃΪblock(¿é)ʱ£¬ÈÝÆ÷ÖÐËùÓеÄÔªËؽ«»á±»µ±×÷Ò»¸öµ¥¶ÀµÄ¿é£¬¾ÍÏñ<div>ÔªËØÒ»Ñù£¬Ëü»áÔÚÄǸöµã±»·ÅÈëµ½Ò³ÃæÖС£(ʵ¼ÊÉÏÄã¿ÉÒÔÉèÖÃ<span>µÄdisplay:block£¬Ê¹Æä¿ÉÒÔÏñ<div>Ò»Ñù¹¤×÷¡£½«displayÉèÖÃΪinline£¬½«Ê¹ÆäÐÐΪºÍÔªËØinlineÒ»Ñù---¼´Ê¹ËüÊÇÆÕͨµÄ¿éÔªËØÈç<div>£¬ËüÒ²½«»á±»×éºÏ³ÉÏñ<span>ÄÇÑùµÄÊä³öÁ÷¡£×îºóÊÇdisplay±»ÉèÖãºnone,ÕâʱԪËØʵ¼ÊÉϾʹÓÒ³ÃæÖб»ÒÆ×ߣ¬ËüÏÂÃæËùÔÚµÄÔªËؾͻᱻ×Ô¶¯¸úÉÏÌî³ä¡£ÏÂÃæ¿´ÎÒʵÀýµÄ´úÂ룺
Àý£º
<script language="javascript">
function toggleDisplay(me)
{
¡¡¡¡if (me.style.display=="block")
¡¡¡¡{
¡¡¡¡¡¡¡¡me.style.display="inline";
¡¡¡¡¡¡¡¡alert("Îı¾ÏÖÔÚÊÇ£º'inline'.");
¡¡¡¡}
¡¡¡¡else{
¡¡¡¡¡¡¡¡if (me.style.display=="inline")
¡¡¡¡¡¡¡¡{
¡¡¡¡¡¡¡¡¡¡¡¡me.style.display="none";
¡¡¡¡¡¡¡¡¡¡¡¡alert("Îı¾ÏÖÔ
Ïà¹ØÎĵµ£º
<script type="text/javascript">
function getFileSize(filePath) {
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script> &nbs ......
/*
ÓÉÓÚjavascriptÊÇÒ»ÖÖÎÞÀàÐÍÓïÑÔ,ËùÒÔÒ»¸öÊý×éµÄÔªËØ¿ÉÒÔ¾ßÓÐÈÎÒâµÄÊý¾ÝÀàÐÍ,ͬһ¸öÊý×éµÄ²»Í¬ÔªËØ
¿ÉÒÔ¾ßÓв»Í¬µÄÀàÐÍ,Êý×éµÄÔªËØÉèÖÿÉÒÔ°üº¬ÆäËûÊý×é,ÕâÑù¾Í¿ÉÒÔ´´½¨Ò»¸ö¸´ÔÓµÄÊý×éÁË.
²¢ÇÒÔÚÕâµãÉÏ˵javascript×÷ΪһÖֽű¾ÓïÑÔ²»Í¬ÓÚÄÇÖÖÑϸñµÄÃæÏò¶ÔÏóµÄc++.c#,javaÁË.¾ßÓиü¸ßµÄÁé»îÐÔ.
&n ......
¹ö¶¯ÌõÑùʽÖ÷ÒªÉæ¼°µ½ÈçÏÂCSSÊôÐÔ:
overflowÊôÐÔ: ¼ìË÷»òÉèÖõ±¶ÔÏóµÄÄÚÈݳ¬¹ýÆäÖ¸¶¨¸ß¶È¼°¿í¶ÈʱÈçºÎÏÔʾÄÚÈÝ
overflow: auto; ÔÚÐèҪʱÄÚÈÝ»á×Ô¶¯Ìí¼Ó¹ö¶¯Ìõ
overflow: scroll; ×ÜÊÇÏÔʾ¹ö¶¯Ìõ
overflow-x: hidden; ½ûÖ¹ºáÏòµÄ¹ö¶¯Ìõ
overflow-y: scroll; ×ÜÊÇÏÔʾ×ÝÏò¹ö¶¯Ìõ
width: 568px; width: 98%; ÉèÖÃÇøÓòµÄ ......
ÔÖø£ºÀîÕ½(leadzen).ÉîÛÚ 2008-2-23
ÒªÀí½âJavaScript£¬ÄãµÃÊ×ÏÈ·Å϶ÔÏóºÍÀàµÄ¸ÅÄ»Øµ½Êý¾ÝºÍ´úÂëµÄ±¾Ô¡£Ç°Ãæ˵¹ý£¬±à³ÌÊÀ½çÖ»ÓÐÊý¾ÝºÍ´úÂëÁ½ÖÖ»ù±¾ÔªËØ£¬¶øÕâÁ½ÖÖÔªËØÓÖÓÐמÀ²ø²»ÇåµÄ¹Øϵ¡£JavaScript¾ÍÊÇ°ÑÊý¾ÝºÍ´úÂ붼¼ò»¯µ½×îÔʼµÄ³Ì¶È¡£
JavaScriptÖеÄÊý¾ÝºÜ¼ò½àµÄ¡£¼òµ¥Êý¾ÝÖ»ÓÐ undefi ......