代碼如下 |
複製代碼 |
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="css/163css.css" type=text/css rel=stylesheet> <script type="text/網頁特效"> function fnover(thisid){ var thisclass = thisid.classname; var overcssf = thisclass; if(thisclass.length>0){thisclass = thisclass+" "}; thisid.classname = thisclass + overcssf+"hover"; } function fnout(thisid){ var thisclass = thisid.classname; var thisnon = (thisid.classname.length-5)/2; thisid.classname=thisclass.substring(0, thisnon); } </script> <div class="box"> <div class="top"> 當季旅遊推薦 </div> <div class="mid"> <div class="jmperson" onmouseo教程ver="fnover(this)" onmouseout="fnout(this)"> <div class="grp01"> <a href="http://www.111cn.net"><img src="images/img01.gif" /></a> </div> <div class="grp02"> <h3><a href="http://www.111cn.net">"5·19"寧海免費旅遊 </a></h3> <div class="p">近日從浙江省寧海縣獲悉,從2010年開始,每年的5月19日寧海將向海內外遊客免費開放所有景區,免費景區包括了浙東大峽穀(不含船票)、前童古鎮、伍山石窟、梁皇山、東海雲頂、野鶴湫、寧海灣橫山島(不含船票)、佳田農莊等收費景區(點)。</div> <a href="http://www.111cn.net" class="more">詳細...</a> </div> </div> <div class="jmperson" onmouseover="fnover(this)" onmouseout="fnout(this)"> <div class="grp01"> <a href="http://www.111cn.net"><img src="images/img02.gif" /></a> </div> <div class="grp02"> <h3><a href="http://www.111cn.net">天門十景之一:上天梯 </a></h3> <div class="p">上天梯位於天門洞開景區,共有999級台階。上天梯不但是通達天門的途徑,還是許願祈福的靈地,其前置有天門祭壇,專供燒香拜天之用,集天地眾神之靈氣福惠於一體。</div> <a href="http://www.111cn.net" class="more">詳細...</a> </div> </div> <div class="jmperson" onmouseover="fnover(this)" onmouseout="fnout(this)"> <div class="grp01"> <a href="http://www.111cn.net"><img src="images/img03.gif" /></a> </div> <div class="grp02"> <h3><a href="http://www.111cn.net">丹霞歸來不看石</a></h3> <div class="p">常言道:"五嶽歸來不看山。"曾經有句俗話:到北京看牆頭(長城),到上海看人頭(繁華),到西安看墳頭(陵墓),到蘇州看橋頭,現加上一句,到丹霞山看石頭。</div> <a href="http://www.111cn.net" class="more">詳細...</a> </div> </div> </div> </div> </body> </html> |
源碼下載地址
http://down.111cn.net/down/code/js/xiangcedaima/2010/0927/20959.html
效果預覽地址
http://g.111cn.net/javascript/code/20100927/hover/