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

ѧ»áʹÓÃcssÖеÄbehavior ÄÏÈý·½

   ¡¡ÍøÒ³ÖÐÎÒÃǾ­Óöµ½Ë¢ÐÂÒª±£Áô±íµ¥ÀïÄÚÈݵÄʱºò£¬Ï°¹ßµÄ×ö·¨Ê¹ÓÃcookie£¬µ«ÊÇÄÇÑù×öʵÔÚÊǺÜÂé·³£¬cssÖеÄbehavior¾ÍΪÎÒÃǺܺõĽâ¾öÁËÕâ¸öÎÊÌâ¡£
¡¡¡¡±ÈÈ磺
¡¡¡¡<input style="behavior:url(#default#savehistory)" name="youname" type="text" id="yourname" size="10" autocomplete="off">
¡¡¡¡ÉϱߵÄÄǸöÊǾ­³£Óõ½µÄbehaviorµÄ¹¦ÄÜ£¬ÁíÍ⻹ÓкܶàÆäËûµÄ¹¦ÄÜ¡£
¡¡¡¡behaviorµÄÓï·¨ÊÇ
¡¡¡¡Óï·¨£º
¡¡¡¡behavior : url ( url ) | url ( #objID ) | url ( #default#behaviorName )
¡¡¡¡È¡Öµ£º
¡¡¡¡url ( url )¡¡:¡¡Ê¹Óþø¶Ô»òÏà¶Ô url µØÖ·Ö¸¶¨DHTMLÐÐΪ×é¼þ£¨.htc£©
¡¡¡¡url ( #objID )¡¡:¡¡Ê¹Óöþ½øÖÆʵÏÖ(×÷Ϊ ActiveX® ¿Ø¼þ)µÄÐÐΪ¡£´Ë´¦µÄ #objID Ϊ object ¶ÔÏóµÄ id ÊôÐÔÖµ
¡¡¡¡url ( #default#behaviorName )¡¡:¡¡IEµÄĬÈÏÐÐΪ¡£ÓÉÐÐΪµÄÃû³Æ±êʶ( #behaviorName )Ö¸¶¨
¡¡¡¡ËµÃ÷£ºÉèÖûò¼ìË÷¶ÔÏóµÄDHTMLÐÐΪ¡£¶à¸öÐÐΪ֮¼äÓÿոñ¸ô¿ª¡£
¡¡¡¡µ±¶à¸ö¸½¼Óµ½Í¬Ò»ÒªËصÄÐÐΪ·¢Éú³åͻʱ£¬Æä½á¹ûÈ·¾öÓÚÐÐΪӦÓÃÓÚÒªËصÄ˳Ðò¡£ºóÒ»¸öÐÐΪµÄÓÅÏÈȨ¸ßÓÚÇ°Ò»¸öÐÐΪ¡£ÀýÈ磬¼ÙÈç¶à¸öÐÐΪÓÃÓÚÉèÖöÔÏóÑÕÉ«£¬Æä½á¹û½«»áÓÉ×îºóÒ»¸öÓ¦Óõ½ÒªËصÄÐÐΪ¾ö¶¨¡£Í¬ÑùµÄ¹æÔòÊÊÓÃÓÚ²»Í¬ÐÐΪÌṩµÄÊôÐÔ¡¢Ê¼þ¡¢·½·¨Ëù·¢ÉúµÄÃû³Æ³åÍ»¡£
¡¡¡¡¿ÉÒÔʹÓà addBehavior ·½·¨¶¯Ì¬µÄ½«ÐÐΪ¸½×ŵ½¶ÔÏó¡£
¡¡¡¡´ËÊôÐÔ¶ÔÓÚ currentStyle ¶ÔÏó¶øÑÔÊÇÖ»¶ÁµÄ¡£¶ÔÓÚÆäËû¶ÔÏó¶øÑÔÊǿɶÁдµÄ¡£
¡¡¡¡Îñ±Ø×¢ÒâʹÓÃÑùʽ±í(CSS)µÄ behavior ÊôÐÔÄÚÁª¶¨Òå»òʹÓà addBehavior ·½·¨¸½×ŵÄÐÐΪ²»»áÔÚ¶ÔÏó´ÓÎĵµÊ÷ÖÐÒƳýʱ±»×Ô¶¯·ÖÀë¡£¶øÔÚÎĵµÖеÄÑùʽ±í¹æÔò¶¨ÒåµÄÐÐΪ»áÔÚ¶ÔÏó´ÓÎĵµÊ÷ÖÐÒƳýʱ±»×Ô¶¯·ÖÀë¡£
¡¡¡¡¶ÔÓ¦µÄ½Å±¾ÌØÐÔΪ behavior ¡£ ʾÀý£ºp { behavior: url(#default#download); }
¡¡¡¡div { behavior: url(fly.htc) url(shy.htc); }
¡¡¡¡div { behavior: url(#myObject); }
¡¡¡¡Ó¦ÓÃ1:Ë¢ÐÂÒ²±£ÁôÊäÈë¿òÀïÃæµÄÎÄ×Ö
¡¡¡¡.sHistory {}{behavior:url(#default#savehistory);}
¡¡¡¡Ó¦ÓÃ2:µ÷Óýű¾
<html>
<head>
<style>
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>°ÑÊó±ê·ÅÔÚÕâÀï</h1>
</body>
</html>
¡¡¡¡behave.htc
<component>
<attach for="element" event="onmouseover"
handler="hig_lite" />
<attach for="element


Ïà¹ØÎĵµ£º

ÓÃCSS¶¨Òå¸öÐÔ»¯Êó±êÖ¸Õë

ÔÚÐí¶àÍøÕ¾ÉÏÎÒÃÇ¿ÉÒÔ¿´µ½ºÜ¸öÐÔµÄÊó±êÖ¸Õë(cursor)£¬ÔÚÍøÒ³Éè¼ÆÖÐÓÃCSS¿ÉÒÔ·½±ãµÄʵÏÖÕâÑù¸öÐÔÊó±êÖ¸ÕëµÄЧ¹û,¸ÃCSSÊôÐÔ¾ÍÊÇ"cursor"ÊôÐÔ¡£
Ê×ÏÈÎÒÃǽéÉÜÒ»ÏÂϵͳ×Ô´øµÄ15¸öÊó±êЧ¹û£º
Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏʱ±äΪÓÐÍ·µÄÊúÏߣ¬ÒƵ½³¬¼¶Á´½ÓÉϱäΪÊÖÐÍ¡£µ«ÓÃcss¿É¿ØÖÆÊó±êµÄÏÔʾЧ¹û£¬Èç¿ÉʹÊó±ê ......

ÀûÓÃCSSÀ´É趨´òӡЧ¹û

1.ÔÚÒ³ÃæHEADÖÐÒýÈëÒ»¸öÌØÊâµÄCSS
<link rel="stylesheet" type="text/css" href="${contextPath}/styles/print.css" media="print" />
2.ÔÚprint.cssÖÐͨ¹ý½«Ò³ÃæÖÐÏÔʾµÄÇøÓòDISPLAYÉèÖÃΪNONE,´òÓ¡ÇøÓòÉ趨DISPLAYΪBLOCK
ÁíÍâ¿ÉÒÔ¼ÓÈëÒ»¸öÌØÊâµÄCSSÀ´¿ØÖÆ·ÖҳЧ¹û
. ......

css display µÄ²ÎÊýÁбí

css display µÄ²ÎÊýÁбí
Óï·¨£º
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
²ÎÊý£º
block : ¡¡CSS1¡¡¿é¶ ......

cssѧϰ×ܽá

Ò» ¹ØÓÚcssµÄidÑ¡Ôñ·û
      ÿ¸öhtmlµÄÔªËض¼°üº¬Ò»¸öidÊôÐÔ£¬¸ÃÊôÐÔÊÇΨһµÄ£¬¿ÉÒÔΨһ±êʾһ¸öÔªËØ£¬ÎÒÃǾͿÉÒÔÑ¡Ôñ¸ü¾ßÌåµÄÔªËØ¡£isÊôÐÔÓɾ®ºÅ¼Óid×é³É¡£
p#bulletinContent
{
  color:Yellow ;
  background-color:Maroon ;  
}
  html½çÃæÈçÏ£º
 &l ......

A±êÇ©µÄcssÑùʽ

 CSSΪһЩÌØÊâЧ¹û×¼±¸ÁËÌض¨µÄ¹¤¾ß£¬ÎÒÃdzÆ֮Ϊ“αÀà”¡£ÆäÖÐÓм¸ÏîÊÇÎÒÃǾ­³£Óõ½µÄ£¬ÏÂÃæÎÒÃǾÍÏêϸ½éÉÜһϾ­³£ÓÃÓÚ¶¨ÒåÁ´½ÓÑùʽµÄËĸöαÀ࣬ËüÃÇ·Ö±ðÊÇ£º
    :link
    :visited
    :hover
    :active
  ÒòΪÎÒÃÇÒª¶¨ÒåÁ´ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ