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

CSSÖÐexpressionʹÓüò½é

¡¡¡¡IE5¼°ÆäÒÔºó°æ±¾Ö§³ÖÔÚCSSÖÐʹÓÃexpression£¬ÓÃÀ´°ÑCSSÊôÐÔºÍJavas cript±í´ïʽ¹ØÁªÆðÀ´£¬ÕâÀïµÄCSSÊôÐÔ¿ÉÒÔÊÇÔªËعÌÓеÄÊôÐÔ£¬Ò²¿ÉÒÔÊÇ×Ô¶¨ÒåÊôÐÔ¡£¾ÍÊÇ˵CSSÊôÐÔºóÃæ¿ÉÒÔÊÇÒ»¶ÎJavas cript±í´ïʽ£¬CSSÊôÐÔµÄÖµµÈÓÚJavas cript±í´ïʽ¼ÆËãµÄ½á¹û¡£ ÔÚ±í´ïʽÖпÉÒÔÖ±½ÓÒýÓÃÔªËØ×ÔÉíµÄÊôÐԺͷ½·¨£¬Ò²¿ÉÒÔʹÓÃÆäËûä¯ÀÀÆ÷¶ÔÏó¡£Õâ¸ö±í´ïʽ¾ÍºÃÏñÊÇÔÚÕâ¸öÔªËصÄÒ»¸ö³ÉÔ±º¯ÊýÖÐÒ»Ñù¡£
¡¡¡¡¸øÔªËعÌÓÐÊôÐÔ¸³Öµ
¡¡¡¡ÀýÈ磬Äã¿ÉÒÔÒÀÕÕä¯ÀÀÆ÷µÄ´óСÀ´°²ÖÃÒ»¸öÔªËصÄλÖá£
#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth - 110 + "px");
top: expression(document.body.offsetHeight - 110 + "px");
background: red;
}
¡¡¡¡¸øÔªËØ×Ô¶¨ÒåÊôÐÔ¸³Öµ
¡¡¡¡ÀýÈ磬Ïû³ýÒ³ÃæÉϵÄÁ´½ÓÐéÏß¿ò¡£ Í¨³£µÄ×ö·¨ÊÇ£º
<a href="link1.htm" onfocus="this.blur()">link1</a>
<a href="link2.htm" onfocus="this.blur()">link2</a>
<a href="link3.htm" onfocus="this.blur()">link3</a> 
¡¡¡¡´Ö¿´»òÐí»¹ÌåÏÖ²»³ö²ÉÓÃexpressionµÄÓÅÊÆ£¬µ«Èç¹ûÄãµÄÒ³ÃæÉÏÓм¸Ê®ÉõÖÁÉÏ°Ù¸öÁ´½Ó£¬ÕâʱµÄÄãÄѵÀ»¹»á»úеʽµØCtrl+C£¬Ctrl+Vô£¬ºÎ¿öÁ½ÕßÒ»±È½Ï£¬Äĸö²úÉúµÄÈßÓà´úÂë¸ü¶àÄØ£¿
¡¡¡¡²ÉÓÃexpressionµÄ×ö·¨ÈçÏ£º 
<style type="text/css">
a {star : expression(onfocus=this.blur)}
</style>
<a href="link1.htm">link1</a>
<a href="link2.htm">link2</a>
<a href="link3.htm">link3</a> 
¡¡¡¡ËµÃ÷£ºÀïÃæµÄstar¾ÍÊÇ×Ô¼ºÈÎÒⶨÒåµÄÊôÐÔ£¬Äã¿ÉÒÔËæ×Ô¼ºÏ²ºÃÁíÍⶨÒ壬½Ó×Å°üº¬ÔÚexpression()ÀïµÄÓï¾ä¾ÍÊÇJS½Å±¾£¬ÔÚ×Ô¶¨ÒåÊôÐÔÓëexpressionÖ®¼ä¿É±ðÍüÁË»¹ÓÐÒ»¸öÒýºÅ£¬ÒòΪʵÖÊ»¹ÊÇCSS£¬ËùÒÔ·ÅÔÚstyle±êÇ©ÄÚ£¬¶ø·Çs criptÄÚ¡£OK£¬ÕâÑù¾ÍºÜÈÝÒ×µØÓÃÒ»¾ä»°ÊµÏÖÁËÒ³ÃæÖеÄÁ´½ÓÐéÏß¿òµÄÏû³ý¡£²»¹ýÄãÏȱðµÃÒ⣬Èç¹û´¥·¢µÄÌØЧÊÇCSSµÄÊôÐԱ仯£¬ÄÇô³öÀ´µÄ½á¹û»á¸úÄãµÄ±¾ÒâÓвî±ð¡£ÀýÈçÄãÏëËæÊó±êµÄÒƽøÒƳö¶ø¸Ä±äÒ³ÃæÖеÄÎı¾¿òÑÕÉ«¸ü¸Ä£¬Äã¿ÉÄÜÏ뵱ȻµÄ»áÈÏΪӦ¸ÃдΪ 
<style type="text/css">
inpu


Ïà¹ØÎĵµ£º

css×Ô¶¯½ØÈ¡×Ö·û´®

ÌṩһÖÖÓÃCSS´úÂëʵÏÖ×Ô¶¯½ØÈ¡×Ö·û´®µÄ·½·¨£º
CSS´úÂëÈçÏ£º
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
} ......

¼æÈÝIE¸÷°æ±¾µÄ´¿CSS¶þ¼¶ÏÂÀ­²Ëµ¥

ÕâÊÇÒ»¸ö±ê×¼µÄCSSÏÂÀ­²Ëµ¥ÖÆ×÷½Ì³Ì£¬ÓÐÕë¶ÔÄ¿Ç°Á÷ÐеÄIE6/IE7/IE8²»Í¬°æ±¾µÄCSS´úÂ룬Òò´Ë¿ÉÒÔÔÚIEÖ®¼äÍêÈ«¼æÈÝ£¬²»¹ýÆäËüµÄä¯ÀÀÆ÷Ïñ»ðºü/GGä¯ÀÀÆ÷Ö®ÀàµÄûÓвâÊÔ£¬Èç¹û¼æÈÝIE8µÄ»°£¬ÄÇô¼æÈÝ»ðºüÓ¦¸ÃÎÊÌâ²»´ó°É¡£²Ëµ¥Ê¹ÓÃÀ¶É«»ùµ÷£¬»¬Ïò¶þ¼¶²Ëµ¥¸ü»»±³¾°£¬²Ù×÷µÄ¸Ð¾õºÜÊæ·þ¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......

¡¾DIV+CSSÈëÃŽ̡̳¿ËÄ¡¢CSSÈçºÎ¿ØÖÆÒ³Ãæ


±¾½ÚÖ÷Òª½²½â£¬Á½¸öÄÚÈÝ£¬
µÚÒ»£ºCSS
ÈçºÎ¿ØÖÆÒ³ÃæÑùʽ£¬ÓÐ
¼¸ÖÖ·½Ê½£»
µÚ¶þ£ºÕâЩ·½Ê½³öÏÖÔÚͬһ¸öÒ³ÃæʱµÄÓÅÏȼ¶¡£
      Ê¹ÓÃxHTML
+CSS
²¼¾ÖÒ³Ã棬ÆäÖÐÓиöºÜÖØÒªµÄÌصã¾ÍÊÇÄÚÈÝÓë±íÏóÏà·ÖÀ룬ÄÚÈÝÖ¸HTMLÒ³Ãæ´úÂ룬±íÏó¾ÍÊÇCSS´úÂëÁË£¬Èç¹û°ÑÒ³Ãæ¿´³É´©×ÅÒ·þµÄÈ˵Ļ°£¬È˾ÍÊÇ
HTML£¬ÊÇÄ ......

¸ßЧÕû½àCSS´úÂëÔ­Ôò

¡¡CSSѧÆðÀ´²¢²»ÄÑ£¬µ«ÔÚ´óÐÍÏîÄ¿ÖУ¬¾Í±äµÃÄÑÒÔ¹ÜÀí£¬ÌرðÊDz»Í¬µÄÈËÔÚCSSÊéд·ç¸ñÉÏÉÔÓв»Í¬£¬ÍŶÓÉϾ͸ü¼ÓÄÑÒÔ¹µÍ¨£¬Îª´Ë×ܽá
ÁËһЩÈçºÎʵÏÖ¸ßЧÕû½àµÄCSS´úÂëÔ­Ôò£º
1
. ʹÓÃResetµ«²¢·ÇÈ«¾ÖReset
¡¡¡¡²»Í¬ä¯ÀÀÆ÷ÔªËصÄĬÈÏÊôÐÔÓÐËù²»Í¬£¬Ê¹ÓÃReset¿ÉÖØÖÃä¯ÀÀÆ÷ÔªËصÄһЩĬÈÏÊôÐÔ£¬ÒÔ´ïµ½ä¯ÀÀÆ÷µÄ¼æÈÝ¡£µ«ÐèÒª×¢Ò ......

»ñÈ¡¶ÔÏóCSSÊôÐÔ

//»ñÈ¡Ò»¸öÌض¨ÔªËصÄÑùʽÊôÐÔ
function getStyle(elem,name){
//Èç¹û¸ÃÊôÐÔ´æÔÚÓÚstyleÖÐ ÔòËû×î½ü±»ÉèÖùý
if(elem.style[name]){
return elem.style[name];
}
//·ñÔò³¢ÊÔIE·½·¨
else if(elem.currentStyle){
return elem.currentStyle[name];
//W3C·½·¨
}else if(document.defaultview && document ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ