Ò»¸ö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
Ïà¹ØÎĵµ£º
£¼!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 ......
´ËÎÄÎªÍøÉÏÊÕ¼¯~
¸ø¿Í»§×öÕ¾µÄʱºòÓöµ½µÄÎÊÌâ,div²ã¼ÓÁËmarginºó ×Ü¿í¶È³¬¹ý¸¸¼¶²ã¿í¶È ¾Í×Ô¶¯»»ÐÐÁË ÈçºÎÈø¡¶¯²ã¼Ómarginºó²»»»ÐÐÄØ?
ÏÂÃæ¿´¸¡¶¯²ã¼Ómarginºó»»ÐеÄÀý×Ó:
±ÈÈç˵ÓиöDIV¿í¶ÈΪ380px£¬ËüÀïÃæÓÐÒ»¸ö²Ëµ¥ÁÐ±í£¬Ã¿¸ö¿í¶ÈΪ60px£¬margin-rightΪ20px¡£Èç¹û¾Í°´ÕÕÏÂÃæµÄHTML½á¹¹À´×öµÄ»°£¬ÄÇôÕâ¸ö²Ëµ¥ÁбíÄÜ ......
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......
handÊÇÊÖÐÍ
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
crosshairÊÇÊ®×ÖÐÍ
textÊÇÒÆ¶¯µ½Îı¾ÉϵÄÄÇÖÖЧ¹û
waitÊǵȴýµÄÄÇÖÖЧ¹û
defaultÊÇĬÈÏЧ¹û
helpÊÇÎʺÅ
e-resizeÊÇÏòÓҵļýÍ·
ne-resizeÊÇÏòÓÒÉϵļýÍ·
n-resizeÊÇÏòÉϵļýÍ·
nw-resizeÊÇÏò×óÉϵļýÍ·
w-resizeÊÇÏò×óµÄ¼ýÍ·
sw- ......
ÓÃÁ˺ܾÃJavaScript£¬¶Ô¡¾this¡¿µÄÈÏʶֻ¾ÖÏÞÓÚÒÔÍùµÄƾ¾Ñé¶øÒÑ£¬²»¹ý½ñÌì·¢ÏÖÁ˺ö«Î÷“http://www.quirksmode.org/js/associative.html”£¬ÏêϸÃèÊöÁËÈçºÎʹÓá¾this¡¿¹Ø¼ü×Ö£¬ÔÚÕâÀïÎҾͼò¶ÌµÄ˵һÏÂÖØµã£¬Èç¹ûÓÐÒÉÎÊ¿ÉÒÔÖ±½Ó²Î¿¼ÔÎÄ¡£
ÔÚѧϰ¹ýÓÐthisµÄ±à³ÌÓïÑÔÖУ¬thisÒ»°ã¶¼ÊÇÖ¸Ïòµ±Ç°ÊµÀý¶ÔÏóµÄ£¬¶ÔÓ ......