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

CSSÊó±ê¾­¹ý

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}(Õâ¾ä»°ÔÚ´úÂëÖÐÓ÷ۺìÉ«¸ßÁÁÏÔʾ)

Õâ¾ä»°°ïÎÒ½âÊ͹þ
ÓÈÆäÊÇ  " ¿Õ¸ñ+:hover div "²»½âÆäÒâ 
ΪʲôÕâÒ»¾ä»°¾Í¿ÉÒÔ¿ØÖÆÊó±ê¾­¹ýʱ²»Í¬Á´½ÓµÄ±ä»¯(ÎÒ·Ö±ðÈ¥µôÓ벻ȥµô²âÊÔ¹ý)


ÒÔÏÂÊÇ´úÂë:


<!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>
<style type="text/css">
#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}

#hoverpage {width:650px; height:450px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}
#hoverpage ul#outer li.page {display:inline;}


Ïà¹ØÎÊ´ð£º

Õæ³Ï¾Í½ÌѧϰCSS¿´ÄDZ¾ÊéºÃ¡£

¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......

ʹÓÃCSS»¹ÊÇDOM»¹ÊÇÆäËüjs¿â?

ÎÒÏÖÔÚÔÚÑ§Ï°ÍøÕ¾¿ª·¢£¬Ñ§Ï°µÄ¹ý³ÌÖз¢ÏÖCSSÊÇÓÃÀ´ÉèÖÃÑùʽµÄ£¬¶øDOMÒ²¿ÉÒÔÓÃÀ´ÉèÖÃÑùʽ£¬js¿âÒ²¿ÉÒÔ¡£
ÕâЩ¾¿¾¹ÔÚʲôʱºòÓÃʲô?
ÇëÖ¸µã£¡Ð»Ð»£¡

²»ÓÃjs+dom²Ù×÷css,LZд¸öÓÃdom²Ù×÷cssµÄÀ´¿´¿´

DOMÖ»ÊÇÒ» ......

cssÖÐpadding-left×ÜÊÇ - Web ¿ª·¢ / HTML(CSS)

ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾ­ÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......

Ë­Äܸø±¾html »òÕßcss ÔÙ»òÕß JavaScriptµÄµç×ÓÊé

¸ø¸öÏÂÔØÍøÖ·»òÕß·¢µ½ÎÒÓÊÏäÀï¾Í¸ü¸ÐлÁË~~~~
ÎÒ·¢Äã


ÄãÓÊÏäÊǶàÉÙ

cove2@163.com

ÎÒÍüÁË  ¶àл¶àл

µ½ÍøÉÏËÑÏ£¬ºÃ¶à

˵ʵÔڵģ¬ÎÒÈÏΪ¿´µç×ÓÊé¸ù±¾Ñ§²»ºÃ¶«Î÷£¡

ÒýÓÃ
˵ʵÔÚµÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ