海量企業(yè)網(wǎng)站模板 · 任您選擇
美出特色，精出品質(zhì)，一切為了企業(yè)更好的營(yíng)銷(xiāo)
<!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>
<title>中國(guó)站長(zhǎng)天空-網(wǎng)頁(yè)特效-圖片特效-鼠標(biāo)懸停圖片放大效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代碼加到<head>與</head>之間-->
<style type="text/css">
.area .col2{float:left; width:25px;}
.focusArea .col2{ float:right; width:497px; margin:0 1px 0 0; display:inline; background:#FAFAFA;height:320px; overflow:hidden; }
.focusPic{clear:both; margin:0 auto; width:464px; padding:16px 0 0;text-align:left;}
.focusPic .pic{clear:both; height:250px; overflow:hidden;}
.focusPic .pic img{border:1px solid #ccc;}
.focusPic .pic ul{float:right; width:97px;}
.focusPic .pic li{clear:both; text-align:right; padding:0 0 9px;}
.focusPic .pic .active{ background:url(http://cimg2.163.com/cnews/img/bg1.gif) 0 -454px no-repeat;}
.focusPic .pic .active img{padding:2px; background:#fff; border:1px solid #1f3a87;}
.focusPic .pic .active img:hover{border:1px solid #bc2931;}
.focusPic h2{clear:both; font-size:14px; font-weight:bold;}
.focusPic .text{line-height:19px; padding:5px 12px 0 0;}
.left{ float: left;}
.foot .text{padding:3px 0 6px; border-bottom:1px solid #000; margin:0 0 5px; clear:both;}
/* CSS Document */
body {text-align:center;font-family: 宋體, serif; margin:0; padding:0; background: #fff; font-size:12px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
input,button{cursor:pointer;}
img{vertical-align:top;}
table{margin:0 auto;}
/* 鏈接顏色 */
a:link {color: #000; text-decoration:none;}
a:visited {color: #83006f;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #bc2931;}
/* 顏色屬性 */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #333;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}
/* 字體屬性 */
.fB {font-weight: bold;}
.fI {font-style: italic;}
/* 字體大小*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
/* 其他屬性 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; height:0; overflow:hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none; }
</style>
<script language="javascript" src="http://news.163.com/special/0001jt/indexjs.js"></script>
</head>
<body>
<!--把下面代碼加到<body>與</body>之間-->
<div class="col2">
<div class="focusPic">
<div class="pic">
<div id="focusPic1" style="display:block;"><a href="http://news.163.com/08/0529/06/4D3EK93A00012MS7.html"><img src="http://cimg21.163.com/cnews/2008/5/29/20080529063645633e1.jpg" alt="陜西災(zāi)區(qū)學(xué)生烈日下備戰(zhàn)高考" width="360" height="240" border="0" class="left" /></a></div>
<div id="focusPic2" style="display:none;"><a href="http://news.163.com/08/0529/04/4D376PV90001124J.html"><img src="http://cimg21.163.com/cnews/2008/5/29/20080529042010e2865.jpg" alt="內(nèi)蒙古浮塵遠(yuǎn)飄青島" width="360" height="240" border="0" class="left" /></a></div>
<div id="focusPic3" style="display:none;"><a href="http://news.163.com/08/0528/15/4D1S66GQ000120GU.html"><img src="http://cimg21.163.com/cnews/2008/5/29/2008052909284405e57.jpg" alt="胡錦濤會(huì)見(jiàn)國(guó)民黨主席吳伯雄" width="360" height="240" border="0" class="left" /></a></div>
<div id="focusPic4" style="display:none;"><a href="http://cimg21.163.com/cnews/2008/5/29/20080529092409c16e0.jpg"><img src="http://cimg21.163.com/cnews/2008/5/28/20080528042715c7168.jpg" alt="貴州暴雨山洪造成30人死亡 13人失蹤" width="360" height="240" border="0" class="left" /></a></div>
<ul>
<li id="focusnav1" class="active" onmouseover="javascript:showFocus(1);"><a href="http://news.163.com/08/0529/06/4D3EK93A00012MS7.html"><img src="http://cimg21.163.com/cnews/2008/5/29/20080529063645633e1.jpg" width="75" height="50" alt="陜西災(zāi)區(qū)學(xué)生烈日下備戰(zhàn)高考" border="0" /></a></li>
<li id="focusnav2" class="" onmouseover="javascript:showFocus(2);"><a href="http://news.163.com/08/0529/04/4D376PV90001124J.html"><img src="http://cimg21.163.com/cnews/2008/5/29/20080529042010e2865.jpg" width="75" height="50" alt="內(nèi)蒙古浮塵遠(yuǎn)飄青島" border="0" /></a></li>
<li id="focusnav3" class="" onmouseover="javascript:showFocus(3);"><a href="http://news.163.com/08/0528/15/4D1S66GQ000120GU.html"><img src="http://cimg21.163.com/cnews/2008/5/29/2008052909284405e57.jpg" width="75" height="50" alt="胡錦濤會(huì)見(jiàn)國(guó)民黨主席吳伯雄" border="0" /></a></li>
<li id="focusnav4" class="" onmouseover="javascript:showFocus(4);"><a href="http://cimg21.163.com/cnews/2008/5/29/20080529092409c16e0.jpg"><img src="http://cimg21.163.com/cnews/2008/5/28/20080528042715c7168.jpg" width="75" height="50" alt="貴州暴雨山洪造成30人死亡 13人失蹤" border="0" /></a></li>
</ul>
</div>
<div id="focusContent1" style="display:block;">
<h2><a href="http://news.163.com/08/0529/06/4D3EK93A00012MS7.html">陜西災(zāi)區(qū)學(xué)生烈日下備戰(zhàn)高考</a></h2>
<div class="text">由于帳篷悶熱，寧強(qiáng)縣1100多名學(xué)生的很多課程只能放到帳篷外上。 <a href="http://news.163.com/08/0529/06/4D3EK93A00012MS7.html" class="cDRed">[詳細(xì)]</a></div>
</div>
<div id="focusContent2" style="display:none;">
<h2><a href="http://news.163.com/08/0529/04/4D376PV90001124J.html">內(nèi)蒙古浮塵遠(yuǎn)飄青島</a></h2>
<div class="text">5月26日，內(nèi)蒙古出現(xiàn)大范圍揚(yáng)沙和沙塵暴天氣。28日，浮塵飄移至青島 <a href="http://news.163.com/08/0529/04/4D376PV90001124J.html" class="cDRed">[詳細(xì)]</a></div>
</div>
<div id="focusContent3" style="display:none;">
<h2><a href="http://news.163.com/08/0528/15/4D1S66GQ000120GU.html">胡錦濤會(huì)見(jiàn)國(guó)民黨主席吳伯雄</a></h2>
<div class="text">這是在臺(tái)灣局勢(shì)發(fā)生積極變化形勢(shì)下，兩黨最高領(lǐng)導(dǎo)人之間的首次會(huì)談。 <a href="http://news.163.com/08/0528/15/4D1S66GQ000120GU.html" class="cDRed">[詳細(xì)]</a></div>
</div>
<div id="focusContent4" style="display:none;">
<h2><a href="http://cimg21.163.com/cnews/2008/5/29/20080529092409c16e0.jpg">貴州暴雨山洪造成30人死亡 13人失蹤</a></h2>
<div class="text">貴州全省已有25個(gè)縣不同程度受災(zāi)，因?yàn)?zāi)毀損房屋3200多間。 <a href="http://cimg21.163.com/cnews/2008/5/29/20080529092409c16e0.jpg" class="cDRed">[詳細(xì)]</a></div>
</div>
</div>
</div>
</body>
</html>
