Ò³ÃæÔªËØ¾ÓÖÐ css»ñÈ¡Ò³ÃæÖÐÐÄλÖÃ
css»ñÈ¡Ò³ÃæÖÐÐÄλÖÃ
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)/2-150);
+top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)/2-25);
}
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.clientWidth
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.clientHeight
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.offsetWidth (°üÀ¨±ßÏߵĿí)
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.offsetHeight (°üÀ¨±ßÏߵĿí)
ÍøÒ³ÕýÎÄÈ«ÎÄ¿í£ºdocument.body.scrollWidth
ÍøÒ³ÕýÎÄÈ«Îĸߣºdocument.body.scrollHeight
ÍøÒ³±»¾íÈ¥µÄ¸ß£ºdocument.body.scrollTop
ÍøÒ³±»¾íÈ¥µÄ×ó£ºdocument.body.scrollLeft
ÍøÒ³ÕýÎIJ¿·ÖÉÏ£ºwindow.screenTop
ÍøÒ³ÕýÎIJ¿·Ö×ó£ºwindow.screenLeft
ÆÁÄ»·Ö±æÂʵĸߣºwindow.screen.height
ÆÁÄ»·Ö±æÂÊµÄ¿í£ºwindow.screen.width
ÆÁÄ»¿ÉÓù¤×÷Çø¸ß¶È£ºwindow.screen.availHeight
ÆÁÄ»¿ÉÓù¤×÷Çø¿í¶È£ºwindow.screen.availWidth
ͨÓöÔÁªÊµÏÖ£¬DivÔڵײ¿¸¡¶¯
<table width="1003" border="0" cellspacing="0" cellpadding="0" align="center" id="maple1">
<tr>
<td align="center" height="30" bgcolor="#999999">¸¡¶¯ÄÚÈÝŶ</td>
</tr>
</table>
<script type="text/javascript" src="Maple_Couplet.Js"></script>
<script type="text/javascript">
window.onload = function(){
n=window.screen.height; //ÆÁÄ»µÄ·Ö±æÂÊ
m=window.screenTop; //ÍøÒ³ÄÚÈݾàÆÁÄ»¶¥²¿µÄ¾àÀë ¼´ IE°´Å¥£¬µØÖ·À¸µÈµÄ¸ß¶È
myBottom=n-m-30-50; //n-m-ÏÔʾDivµÄ¸ß-µ×²¿×´Ì¬À¸ºÍÈÎÎñÀ¸µÄ¸ßÔ¼50
//aa.innerHTML=m;
new couplet("maple1",myBottom,40);
}
</script>
<SCRIPT language="JavaScript" type="text/javascript">
function openmu() {
//var left = screen.width;
&
Ïà¹ØÎĵµ£º
CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯
³ö´¦£ºÍøÒ³½ÌÑ§Íø
×÷ÕߣºØýÃû
ÈÕÆÚ£º2009-03-09
¡¡
¡¡ÔÚCSSÖУ¬ÊµÏÖ·ÖÀ¸²¼¾ÖÓÐÁ½ÖÖ·½·¨¡£µÚÒ»ÖÖ·½·¨ÊÇʹÓÃËÄÖÖCSS¶¨Î»Ñ¡Ïabsolute
¡¢static¡¢relativeºÍfixed£©Öеľø¶Ô¶¨Î»£¨absolute
positioning£©£¬Ëü¿ÉÒÔ½«ÎĵµÖеÄij¸öÔªËØ´ÓÆäÔ±¾Î»ÖÃÉÏÒÆ³ý£¬²¢ÖØÐ¶¨Î» ......
Ê×ÏÈÒ»µãÐèÒªÖªµÀ£¬
ÿ¸öä¯ÀÀÆ÷¶¼ÓÐ×Ô¼ºÄ¬ÈϵÄĬÈÏÑùʽ£¬ÎªÁËÈÃÒ³ÃæÄÚÈÝÏÔʾÔÚä¯ÀÀÆ÷ÖÐËùÏ£ÍûµÄλÖ㬶ø²»ÊǼ̳ÐĬÈÏÑùʽ£¬¾ÍÐèÒªÔÚbodyÑ¡ÔñÆ÷ÖÐÖØÐÂÉ趨marginºÍpaddingµÄÊôÐÔÖµ¡£
ÈçÏÂËùʾ£º
body
{
margin:0;
border:0;
}
Æä´Î£¬Á·Ï°Ê±ÓÃÕâ¸öÀý×Ó£º
htmlÄÚÈÝ£º
<body >
&nbs ......
ÓÃfloatʱ·¢ÏÖmargin²»Æð×÷Óã¬Í¼Æ¬ºÍÎÄ×Ö²¢ÅÅʱÀÏÊDz»ÄÜ¶ÔÆë£¬ÓÚÊÇËѵ½ÁËÕâÆªÎÄÕ¡£ -------------------------------------------------------------------------------------------------------------------- Ô´´ÎÄÕ£¬×ªÔØÇë×¢Ã÷À´×ÔÕÅöÎÐñ-öοռä-öÎÉú»î[http://www.zhangxinxu.com] ±¾ÎĵØÖ·£ºhttp://www.zhangxi ......
CSSµÄÓÅ»¯Í¨³£°üÀ¨Á½·½Ãæ: ¸ñʽ»¯CSSºÍ¾«¼òCSS
¡£
¾«¼òCSSµÄ°ì·¨ÊǰѾßÓÐÏàͬÊôÐÔµÄÔªËØºÏ²¢ÔÚÒ»Æð£¬µ«Õâ»á½µµÍ´úÂëµÄ¿É¶ÁÐÔ£¬Ê¹´úÂëµÄºóÆÚά»¤ºÜÂé·³£¬ÉÔ²»×¢Òâ¾Í³ö´í¡£
¸ñʽ»¯CSSÒ»°ã¾ÍÊǶàÐÐģʽ»òµ¥ÐÐģʽµÄÑ¡Ôñ£¬±ÈÈçÎÒ¸öÈ˾ÍÍêÈ«Êܲ»Á˶àÐÐģʽ
ÏÂÃæÊÇһЩÔÚÏßµÄCSSÓÅ»¯¹¤¾ß£¬ÄÜÈÃÄã·½±ãµÄ¶ÔCSSÎļþ½ ......