<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“ >
<头>
< meta http-equiv =” Content-Type“ content =” text / html; charset = utf-8“ />
<标题> jQuery插件标签页-更自由</标题>
<脚本 类型=“ text / javascript” src =“ jquery-1.2.6.min.js” > </脚本>
<脚本 类型=“ text / javascript” src =“ jquery.idTabs.min.js” > </脚本>
< style type =“ text / css” >
*
{
margin：0;
填充：0;
}
ul
{
list-style-type：none;
溢出：自动;
_display：inline-block;
}
ul li
{
display：inline;
}
.imagebox {
border：1px纯红色；
宽度：128像素；
margin：10px自动;
内边距：10px;
border：2px实线＃F4EA92;
背景颜色：＃FDFCF3;
}
.imagebox ul
{
padding：5px;
背景颜色：＃FBF8E1;
}
.imagebox a {
display：block;
宽度：25px;
高度：25像素；
line-height：25px;
text-align：center;
向左飘浮;
大纲：无；
文字修饰：无；
}
.imagebox a：hover {}
.imagebox a.selected {
background：snow;
颜色：＃222;
font-weight：bold;
文字装饰：下划线；
border：1px实线＃F7EFAB;
}
.imagebox img {display：inline-block; margin：5px 0;}
</风格>
</头>
<正文>
< div 类=“ imagebox idTabs” >
< img id =“ img1” src =“ imgs / icon1.png” >
< img id =“ img2” src =“ imgs / icon2.png” >
< img id =“ img3” src =“ imgs / icon3.png” >
< img id =“ img4 ” src =“ imgs / icon4.png” >
< ul >
< li > <一个 类=“ selected” href =“＃img1” >1 </一个> </里>
<李> <一个 HREF = “＃IMG2” > 2 </一个> </里>
<李> <一个 HREF = “＃IMG3” > 3 </一个> </里>
<李> <一个 HREF = “＃IMG4” > 4 </一个> </里>
</ul>
</div>
<脚本 类型=“ text / javascript” >
$（“。imagebox”）。idTabs（“！mouseover”）;
</脚本>
</身体>
</html>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery