Ò»¸öCSS+JavaScript±àдµÄÅÜÂíµÆ³ÌÐò
ת×Ô£º
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ͼƬÅÜÂíµÆ</title>
</head>
<body>
<div style="overflow:hidden; width:350px" id='div'>
<!-- ÕâÀïÊǵÚÒ»¸ö¹Ø¼üµã£¬overflow ÊôÐԹ涨µ±ÄÚÈÝÒç³öÔªËØ¿òʱ·¢ÉúµÄÊÂÇé -->
<!--
¿ÉÄܵÄÖµ
Öµ
ÃèÊö
visible
ĬÈÏÖµ¡£ÄÚÈݲ»»á±»ÐÞ¼ô£¬»á³ÊÏÖÔÚÔªËØ¿òÖ®Íâ¡£
hidden
ÄÚÈݻᱻÐÞ¼ô£¬²¢ÇÒÆäÓàÄÚÈÝÊDz»¿É¼ûµÄ¡£
scroll
ÄÚÈݻᱻÐÞ¼ô£¬µ«ÊÇä¯ÀÀÆ÷»áÏÔʾ¹ö¶¯ÌõÒÔ±ã²é¿´ÆäÓàµÄÄÚÈÝ¡£
auto
Èç¹ûÄÚÈݱ»ÐÞ¼ô£¬Ôòä¯ÀÀÆ÷»áÏÔʾ¹ö¶¯ÌõÒÔ±ã²é¿´ÆäÓàµÄÄÚÈÝ¡£
inherit
¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рoverflow ÊôÐÔµÄÖµ¡£
-->
<table width="308" border="1" align="center">
<tr>
<td >
<div id="div1" style=" display:inline">
<img src="image/01_s.jpg" width="214" height="203" style="display:inline"/><img src="image/02_s.jpg" width="214" height="203" style="display:inline"/><img src="image/03_s.jpg" width="214" height="203"style="display:inline" />
</div>
</td>
<td>
<div id='div2' style=" display:inline">
</d
Ïà¹ØÎĵµ£º
ת×Ôhttp://www.w3cn.org/article/tips/2005/105.html
ÎÒÃÇÏÈÀ´¿´Ò»¸ö²Ëµ¥µÄÀý×Ó£¬×îÖÕЧ¹ûÊÇ:
µÚÒ»²½£º½¨Á¢Ò»¸öÎÞÐòÁбí
ÎÒÃÇÏȽ¨Á¢Ò»¸öÎÞÐòÁÐ±í£¬À´½¨Á¢²Ëµ¥µÄ½á¹¹¡£´úÂëÊÇ£º
<ul>
<li><a href="1">Ê×Ò³</a></li>
<li><a href="2">²úÆ·½éÉÜ</a></li> ......
Ò»¡¢ÐǺÅ*
Ó¦¸ÃÊǸöͨÅä·û¡£±ÈÈç
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="round ......
IE6ÖÐCSSÎÞЧÎÊÌâ
ͬÊ·´À¡ÎÒÒ»¸öÒ³ÃæÔÚIE7ºÍFirefox϶¼Õý³£,µ«ÊÇÔÚIE6ÖÐÎÞÑùʽ.µ«ÊÇÒ³ÃæÎÒ×ö¸øËûÃǵÄʱºòÒ»Çж¼ÊÇÕý³£µÄ.°ÑËû´«¸øÎҵİü´ò¿ªÑо¿Á˰ëÌì·¢ÏÖ,Ò³Ãæ±àÂë´ÓGB2312±ä³ÉÁËUTF-8,ÆäËû¶¼Ã»ÓÐʲô¸Ä±ä.ÓÚÊÇ»¹ÔΪGB2312,Ò³ÃæÕý³£.ÔÙ½«ÍⲿCSS¸´ÖƵ½Ò³ÃæÄÚ²¿,ͬÑùÕý³£.Ñо¿Ðí¾ÃÕÒ²»µ½ÎÊÌâËùÔÚ,ºöÈ»·¢ÏÖCSSÀïÃæÓжÎ× ......
ÓÃÁ˺ܾÃJavaScript£¬¶Ô¡¾this¡¿µÄÈÏʶֻ¾ÖÏÞÓÚÒÔÍùµÄƾ¾Ñé¶øÒÑ£¬²»¹ý½ñÌì·¢ÏÖÁ˺ö«Î÷“http://www.quirksmode.org/js/associative.html”£¬ÏêϸÃèÊöÁËÈçºÎʹÓá¾this¡¿¹Ø¼ü×Ö£¬ÔÚÕâÀïÎҾͼò¶ÌµÄ˵һÏÂÖØµã£¬Èç¹ûÓÐÒÉÎÊ¿ÉÒÔÖ±½Ó²Î¿¼ÔÎÄ¡£
ÔÚѧϰ¹ýÓÐthisµÄ±à³ÌÓïÑÔÖУ¬thisÒ»°ã¶¼ÊÇÖ¸Ïòµ±Ç°ÊµÀý¶ÔÏóµÄ£¬¶ÔÓ ......