给大家一个图片特效,鼠标放上后图片变大效果!!
大家可以我站上看看效果,就是中间那几个小图:
http://www.rjstv.com/index.htm如图:
这是鼠标没有放在上面的: 
这是 鼠标放上的效果: 
其实很简间:
在你的CSS文件上加上:
.pp {display:block; position:relative; width:74px; height:58px;}
.p1{display:block; width:73px; height:57px; overflow:hidden; border:1px solid #d3dbed; padding:2px; margin:3px; }
.pp a img {width:100%; height:100%; border:0;}
.pp a:hover { position:absolute; left:-10px; top:-30px; width:120px; height:90px; z-index:100; background:#FFFFFF;}
图片大小可以根据自己风格调:
然后标签调用中用;域html页中加上:
<td rowspan="3" class="pp"><a class="p1" href="*******" ><img src="/hotel/images/200712610384009.jpg" alt="******"/></a>
</td>
反正有:class="pp">和class="p1"就行.
要标签中加也可以,如我的:
<TABLE class=table cellSpacing=0 cellPadding=0 width="92%" border=0>
<TBODY>
<TR>
<TD align=left width=100 rowSpan=2 class="pp">
<A class="p1" href="$url" target=_blank><IMG height=53 alt=$full_title src="$picurl" width=70 border=0></A>
</TD><TD align=left width=220 height=20>
<A class=blueb href="$url" target=_blank>$title</A></TD></TR>
<TR><TD class=lh_18 style="FONT-SIZE: 12px" align=left height=26>
{$time_Y}-{$time_m}-{$time_d}<BR>{$time_H}:{$time_i}</TD></TR></TBODY></TABLE>
[ 此贴被snjjwcw在2008-07-17 17:24重新编辑 ]
