Ò³ÃæÔªËؾÓÖÐ 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Ç¿ÖÆ»»ÐÐʹÓÃÑùʽ£ºwhite-space:nowrap;¸ÃÑùʽ´ÓЧ¹ûÉÏÊÇûÓÐä¯ÀÀÆ÷²îÒ죬ʹÓøÃÑùʽºóËùÓÐÎÄ×ÖÔÚieºÍfirefox϶¼ÔÚÒ»ÐÐÄÚÏÔʾ¡£µ«ÊÇÔÚIEÏÂʹÓøÃÊôÐÔÖµºó±êÇ©ÔªËØ¿í¶È»á±»³Å´ó£¬´Ó¶ø¿ÉÄܵ¼ÖÂÔÀ´Ò³Ãæ²¼¾Ö±»ÆÆ»µ¡£
......
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔÒò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔ̲»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓÐͳһµÄ¹æ·¶À´½øÐÐCoding£¬ÒÔ·½ ......
ÓÃfloatʱ·¢ÏÖmargin²»Æð×÷Óã¬Í¼Æ¬ºÍÎÄ×Ö²¢ÅÅʱÀÏÊDz»ÄܶÔÆ룬ÓÚÊÇËѵ½ÁËÕâƪÎÄÕ¡£ -------------------------------------------------------------------------------------------------------------------- Ô´´ÎÄÕ£¬×ªÔØÇë×¢Ã÷À´×ÔÕÅöÎÐñ-öοռä-öÎÉú»î[http://www.zhangxinxu.com] ±¾ÎĵØÖ·£ºhttp://www.zhangxi ......
CSSµÄÓÅ»¯Í¨³£°üÀ¨Á½·½Ãæ: ¸ñʽ»¯CSSºÍ¾«¼òCSS
¡£
¾«¼òCSSµÄ°ì·¨ÊǰѾßÓÐÏàͬÊôÐÔµÄÔªËغϲ¢ÔÚÒ»Æ𣬵«Õâ»á½µµÍ´úÂëµÄ¿É¶ÁÐÔ£¬Ê¹´úÂëµÄºóÆÚά»¤ºÜÂé·³£¬ÉÔ²»×¢Òâ¾Í³ö´í¡£
¸ñʽ»¯CSSÒ»°ã¾ÍÊǶàÐÐģʽ»òµ¥ÐÐģʽµÄÑ¡Ôñ£¬±ÈÈçÎÒ¸öÈ˾ÍÍêÈ«Êܲ»Á˶àÐÐģʽ
ÏÂÃæÊÇһЩÔÚÏßµÄCSSÓÅ»¯¹¤¾ß£¬ÄÜÈÃÄã·½±ãµÄ¶ÔCSSÎļþ½ ......