ѧ»áʹÓÃ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
Ïà¹ØÎĵµ£º
ÔÚÐí¶àÍøÕ¾ÉÏÎÒÃÇ¿ÉÒÔ¿´µ½ºÜ¸öÐÔµÄÊó±êÖ¸Õë(cursor)£¬ÔÚÍøÒ³Éè¼ÆÖÐÓÃCSS¿ÉÒÔ·½±ãµÄʵÏÖÕâÑù¸öÐÔÊó±êÖ¸ÕëµÄЧ¹û,¸ÃCSSÊôÐÔ¾ÍÊÇ"cursor"ÊôÐÔ¡£
Ê×ÏÈÎÒÃǽéÉÜÒ»ÏÂϵͳ×Ô´øµÄ15¸öÊó±êЧ¹û£º
Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏʱ±äΪÓÐÍ·µÄÊúÏߣ¬ÒƵ½³¬¼¶Á´½ÓÉϱäΪÊÖÐÍ¡£µ«ÓÃcss¿É¿ØÖÆÊó±êµÄÏÔʾЧ¹û£¬Èç¿ÉʹÊó±ê ......
ÍøÉϹØÓÚÍ»³öÏÔʾµ±Ç°Ò³ÃæµÄÎÄÕÂÓв»ÉÙ£¬µ«ÊÇ»ù±¾¶¼ÊǹØÓÚʵÏÖ¾²Ì¬²Ëµ¥µÄ¸ßÁÁ£¬½²µ½¶¯Ì¬Éú³É²Ëµ¥¸ßÁÁµÄÎÄÕÂÖÁÉÙÎÒûÓÐÕÒµ½£¬ÔÚcsdnÉÏÎÊÁËÁ½Ì춼ûÓд𰸣¬×îºóÔÚһλÅóÓѵĻشðÖÐÕÒµ½Ë¼Â·£¬ÏÈÀûÓÃÒ»¸öº¯ÊýÅжϲ˵¥ÊÇ·ñÊÇÕýÔÚä¯ÀÀµÄµ±Ç°Ò³£¬È»ºó¸¶¸øliÒ»¸öid£¬ÀûÓÃcss²ãµþid´óÓÚclassµÄ¹ØÏµ£¬°ÑÕâ¸öid¶¨Òå³É¸ßÁÁÑùʽ¡£
aspx ......
»ùÓÚIEÓëcssµÄ±í¸ñÐÐÍ·Óë¶à²ãÁÐÍ·Ëø¶¨·½·¨
£¨×ó±ßÍ¼Ëø¶¨ÁËÐÐÍ·ÓëÁÐÍ·£¬ÓÒ±ßͼ½öËø¶¨ÁÐÍ·£©
ÓÐÐí¶àµÄËø¶¨»ò¹Ì¶¨html±í¸ñ±íÍ·µÄ·½·¨ºÍ¼¼Êõ£¬±¾ÎĽéÉܵÄÊÇÒ»¸ö»ùÓÚIEºÍcssµÄ¼òÒ×ʵÏÖ·½·¨£¬»ù±¾Ë¼Â·Îª£ºÊ¹ÓÃdivÐм¶ÔªËØÈ·¶¨Ò»¸ö°üº¬±í¸ñµÄÇøÓò£¬ÔÚÇøÓò¹ö¶¯Òƶ¯Ê±¶¨Î»·Ç¹Ì¶¨µ¥Ôª¸ñµÄλÖã¨top/left£© ......
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¡¡¿é¶ ......
從Éϵ½ÏÂ
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
} ¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue; ......