<div class="codetitle"> <span><a style="CURSOR: pointer" data="57096" class="copybut" id="copybut57096" onclick="doCopy('code57096')"><u>复制代</u></a></span> 代码如下:</div> <div class="codebody" id="code57096"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>滑動门切换,jQuery层切换代码</title> <br><script type="text/javascript" src="http://www.jb51.net/ajaxjs/jquery-1.6.2.min.js"></script> <br><script type="text/javascript"> <br>$(function(){ <br>$("ul li").each(function(i){ <br>$(this).hover(function(){ <br>$(this).addClass ("bg").siblings().removeClass("bg"); <br>$(".div:eq(" i ")").show().siblings(".div").hide() ; <br>}) <br>}) <br>}) <br></script> <br><style type="text/css"> <br>*{ マージン:0;パディング:0; font-size:12px;} <br>ul li{ list-style:none;フロート:左;背景色:#999;カーソル:ポインタ;幅:100ピクセル;高さ:25ピクセル;行の高さ:25px; text-align:center;} <br>ul li.bg{background-color:#9F0;} <br>.clr{clear:both;} <br>.div{width:200px;高さ:60ピクセル;背景:#666;行の高さ:60ピクセル; text-align:center;} <br>.none{display:none} <br></style> <br></head> <br> <br><ul><li class="bg">账户情報</li><li>邮寄地址</li></ul> <br><div class="clr"></div> <br><div class="div"> <br>最初の div 内容 <br></div> <br><div class="div none"> <br>2 番目の div 内容 <br></div> <br></body> <br></html> <br> </div>