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

div+css ÍøÒ³²¼¾Ö

½ñÌì¸Õ۵ģ¬ºÇºÇ
index.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>ÍøÕ¾Ê×Ò³</title>
<link rel="stylesheet" type="text/css" href="css/styleCss.css" />
<script type="text/javascript" src="js/Comman.js"></script>
</head>
<body>
<div id="ContentAll">
<div id="CTop">
<div id="head">
<div id="Logo"><img src="images/all_03.gif" width="118" height="99" /></div>
<div id="tpright">
<div id="TpText">
<a href="javascript:void(null)" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.baidu.com/');">ÉèΪÊ×Ò³</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(null)" onclick="AddTest();">¼ÓÈëÊÕ²Ø</a></div>
<div id="tpflash"><img src="images/all_06.gif" width="649" height="33" /></div>
</div>
</div>
<div id="fgf">
<img src="images/all_08.gif" width="1003" height="4" /></div>
</div>
<div id="CMain">
<div id="leftside">
<div id="lftitle"><img src="images/all_11.gif" width="233" height="97" /></div>
<div id="lfmouth">
<ul>
<li onclick="changeMounth(this,'1')"><div>1<br />JAN</div></li>
<li onclick="changeMounth(this,'2')"><div>2<br />FEB</div></li>
<li onclick="changeMounth(this,'3')"><div>3<br />MAR</div></li>
</ul>
<ul>
<li onclick="changeMounth(this,'4')"><div>4<br />APR</div></li>
<li onclick="changeMounth(this,'5')"><div>5<br />MAY</div></li>
<li


Ïà¹ØÎĵµ£º

js cssÑùʽ²Ù×÷´úÂë

     ÎÒÃǾ­³£ÓÃjs¿ØÖÆCSSÑùʽ£¬´Ó¶ø´ïµ½Á¼ºÃµÄÓû§½çÃæºÍ¶¯Ì¬Ð§¹û¡£ÎÒÃǾ­³£Ê¹ÓõÄÁ½ÖÖ·½Ê½£º
     ·½·¨1£º
     var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200p ......

javascript+div+css¹ö¶¯²Ëµ¥µÄʵÏÖ.

Ч¹ûͼ
´úÂë:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......

CSS³£ÓôúÂë

// °´×Ö·û»»ÐÐ
style="word-break: break-all;"
// °´´Ê×é»»ÐÐ
style="word-wrap: break-word;"
==========================================================================
==========================================================================
    font-family:Ari ......

½øÐÐÒ³ÃæÉè¼Æ£¬·ÖÏíDIV+CSSһЩС¹æÔò

ÔÚ½øÐÐÒ³ÃæÉè¼ÆµÄʱºò£¬ÏàÐÅÏÂÃæÕâЩ¶«Î÷Ó¦¸ÃÄܹ»°ïÖúÄ㣬DIV+CSS£¬Ï£Íû¿ÉÒÔΪÄã½Úʡһµãʱ¼ä¡£
Ò»¡¢           ÉÆÓÃcssËõд¹æÔò
    /*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1.      ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢Ó ......

¸ù¾ÝinputµÄtypeÀ´¿ØÖÆcssÑùʽ

<style type="text/css">
/*
¸ù¾ÝinputµÄtypeÀ´¿ØÖÆcssÑùʽ
*/
/*
1.ÓÃcssµÄexpressionÅжϱí´ïʽ
Óŵ㣺¼òµ¥£¬ÇáÁ¿¼¶
ȱµã£ºexpressionÅжϱí´ïʽFireFoxÊDz»Ö§³ÖµÄ¡£ÖÂÃüµÄÊÇÖ»ÄÜÇø·Ö³öÒ»¸ö£¨ÀýÈçÀý×ÓÖоÍÖ»ÄÜÇø·Ö³ötextÎı¾¿ò£©£¬²»ÒªÊÔͼÉèÖöà¸ö£¬ÏÂÃæµÄ»á½«ÉÏÃæµÄ¸²¸Çµô
 
input
{
background- ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ