Ò³ÃæÔªËØ¾ÓÖÐ 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ÊÇʲô£¿ÕâÊdzõÑ§ÍøÒ³Éè¼ÆµÄͬѧÃÇÓöµ½µÄµÚÒ»¸öÎÊÌ⣬ÔÚÑ§Ï°ÍøÒ³ÖÆ×÷֮ǰ£¬ÄãÒ»¶¨ÒªÁ˽âÍøÒ³ÖÆ×÷µÄ´ó¾Ö£¬ÓÐÁËÈ«¾ÖµÄÁ˽⣬²ÅÖªµÀÔõôȥѧϰ¡£
ÍøÒ³Éè¼Æ·ÖΪ£ºÇ°Ì¨Ò³ÃæÉè¼Æ£¬ºǫ́³ÌÐòÉè¼Æ¡£
Ç°Ì¨Ò³ÃæÉè¼Æ·ÖΪ£ºhtml,css,javasript,ps,flash£¨Õ⼸¸ö¶¼ÒªÁ˽âŶ£¬ÊìÁ·ÕÆÎÕcss£©
ºǫ́³ÌÐòÉè¼Æ·ÖΪ£ºasp,php,asp.net£¨Ö»Òª ......
ÔÚtable ÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“< table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ ......
Öð½¥Ï²»¶ÉÏpadding ËäÈ»Ëü²¢²»ÍêÃÀ£¬ÈκÎÊÂÎï¶¼ÓÐÁ½ÃæÐÔ£¬ÎÞËùν¶Ô´í£¬¹Ø¼üÊÇÒªÓöԵط½£¡
padding ºÍ marginÏà±È½Ï£¬padding ¿ÉÒÔ½«div µÈ³ÅÆðÀ´Õ¼ÓÃʵ¼Ê¿Õ¼ä£¬¶ømarginÔò±È½ÏСÐÄ¡£
µ«ÊǾÍÊÇpaddingÕâµãȱ°ïÎÒ½â¾öÁËÒ»¸öinput ºÍ submitµÄ¶ÔÆëÎÊÌâ¡£ ......
ÖÕÓÚ°ÑËüд³öÀ´ÁË¡£¹þ¹þ
<div style="width:100%;height:100%;position:relative;overflow:hidden;"
><br style="line-height:0;"
/><div style="position:relative;top:50%;left:50%;"><br style="line-height:0;"
/><div style ......
Ò»¸öÖ»ÓÃCSS¾Í¿ÉÒÔÉèÖÃÍøÒ³ÖоÓÖвãµÄ·½·¨¡£
¡¡¡¡½ñÌìÖØÐ³¢ÊÔµÄʱºò¾ÓÈ»²»ºÃÓÃÁË¡£
¡¡¡¡»¹ºÃÒÔǰµÄÒ³»¹ÓУ¬»¹ÄÜ´ò¿ª¡£
¡¡¡¡´úÂëÒ»ÃþÒ»Ñù¾ÍÊDz»ºÃÓá£
¡¡¡¡ÓÚÊǺõÒ»¶Î¶ÎµÄɾ³ý£¬Ï£ÍûÄÜÕÒµ½µãÏßË÷¡£
¡¡¡¡cssɾµÃֻʣÏÂÕâ¶ÎÉèÖôúÂ룬²»ºÃÓá£
¡¡¡¡javascriptÖÐÄѵÀ×öÊÖ½ÅÁË£¬½Ó×Åɾ£¬»¹ÊDz»ºÃÓá£
¡¡¡¡×îºóɾûÁËÖÕÓÚ ......