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

js+cssʵÏÖ·­Ò³

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"><head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>ÎÞ±êÌâÎĵµ</title>  
</head><body>  
  
<div id="frameContent">  
дÉÏÄãÒª·ÖÒ³µÄ¶«Î÷£¡   
</div>  
<p>  
</p><div id="pages" style="font-size: 12px;"></div>  
<script language="javascript">  
var obj = document.getElementById("frameContent"); //»ñÈ¡ÄÚÈݲ㠠 
var pages = document.getElementById("pages"); //»ñÈ¡·­Ò³²ã   
var pgindex=1;                                 //µ±Ç°Ò³   
var lastPage = 1 ;                             //×îºóÒ»Ò³   
var offsetHeight_ys = parseInt(obj.offsetHeight) ;   
window.onload = function() //ÖØÐ´´°Ìå¼ÓÔØµÄʼþ   
{   
     //alert("parseInt(obj.scrollHeight)="+parseInt(obj.scrollHeight));   
     //alert("parseInt(obj.offsetHeight)="+parseInt(obj.offsetHeight));   
      var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));//»ñÈ¡Ò³ÃæÊýÁ¿   
     lastPage = allpages ;   
     pages.innerHTML = "<b>¹²"+allpages+"Ò³</b>"; //Êä³öÒ³ÃæÊýÁ¿ 


Ïà¹ØÎĵµ£º

CSSºÐ×Óģʽȫ½â

±¾½Ì³ÌΪwww.sw-web.cnÍøÒ³Éè¼ÆÑ§ÔºÍÆ¼öÎÄÕÂ
Èç¹ûÄãÏë³¢ÊÔһϲ»Óñí¸ñÀ´ÅŰæÍøÒ³£¬¶øÊÇÓÃCSSÀ´ÅŰæÄãµÄÍøÒ³£¬Ò²¾ÍÊdz£ÌýµÄÓÃDIVÀ´±àÅÅÄãµÄÍøÒ³½á¹¹£¬ÓÖ»òÕß˵ÄãÏëÑ§Ï°ÍøÒ³±ê×¼Éè¼Æ£¬ÔÙ»òÕß˵ÄãµÄÉÏ˾ҪÄã¸Ä±ä´«Í³µÄ±í¸ñÅŰ淽ʽ£¬Ìá¸ßÆóÒµ¾ºÕùÁ¦£¬ÄÇôÄãÒ»¶¨Òª½Ó´¥µ½µÄÒ»¸ö֪ʶµã¾ÍÊÇCSSµÄºÐ×Óģʽ£¬Õâ¾ÍÊÇDIVÅŰæµÄºËÐÄË ......

300+Jquery, CSS, MooTools ºÍ JSµÄµ¼º½²Ëµ¥×ÊÔ´


   
Èç¹ûÄãÊÇÍøÕ¾Ç°¶Ë¿ª·¢ÈËÔ±£¬ÄÇô¶ÔÄãÀ´Ëµ£¬Ò²Ðí×öÒ»¸öƯÁÁµ¼º½²Ëµ¥»áºÜµÃÐÄÓ¦ÊÖ¡£±¾ÎÄҪΪ´ó¼Ò×ܽá¸÷ÖÖµ¼º½²Ëµ¥µÄ×ÊÔ´£¬ÒÔ±ãÈôó¼ÒµÄÍøÕ¾Ç°¶Ë¿ª·¢µÄ¹¤×÷¸ü
·½±ã¸ü¿ìËÙ£¬Ö»ÒªÑ¡ÔñÏֳɵÄÀý×ӾͿÉÒÔÓ¦ÓÃÓÚ×Ô¼ºµÄÍøÕ¾ÁË¡£±¾ÎÄÊÕ¼¯µÄÕâЩ×ÊÔ´£¬´Ó·Ç³£¼òµ¥µÄHTMLºÍCSSµ¼º½²Ëµ¥£¬µ½·Ç³£¸´ÔӺ͸߼¶µÄ
JQuer ......

DIV+CSSÖÆ×÷¹ö¶¯Ìõ


<style> 
* {  
 margin:0;  
 padding:0;  
}  
body {  
 font-size:12px;  
 font-family:Verdana, Arial, Helvetica, sans-serif;  
 background:#FFFFFF;  
 margin: ......

css div Êó±ê¾­¹ýʱͼƬ±ä´ó

<style>
#enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px;
height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px;
position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent;
overflow:hidden; positio ......

IE6 Ï£ºhover ÖÐbug½â¾öÁË£¨´¿CSS£©

Õâ¸öbug£¬Ö÷ÒªÊÇÒ»¸ö¶þ¼¶²Ëµ¥£¬ÔÚie7ÖÐhoverʱÕý³£ÏÔʾ³öÀ´£¬ÔÚie6ÏÂûÓÐЧ¹û¡£ÔÚÍøÉÏÕÒÁ˺ܶà×ÊÁÏ£¬ÅªÁ˺ü¸Ì죬×îÖÕÊDzÎÕÕ±ðÈ˵ĴúÂ룬ÓõĴ¿css¾­¹ý×Ô¼ºµÄÕûÀí£¬¾Í°ÑËü¸øÅªÏÂÀ´ÁË¡£Ï£ÍûÒÔºó×Ô¼º¶àÀ´¿´¿´¡£
ÈçÏ£º
 £­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­
css´úÂ룺
.allMenu
{
    width: 8 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ