<br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode1'));"><u>コードをコピーします</u></span></div>コードは次のとおりです:</div> <div class="msgborder" id="phpcode1"> <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><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>列表选项卡</title> <br><style type="text/css"> <br>body{ <br>margin:0px; <br>padding:0px; <br>} <br>#main{ <br>width:310px; <br>border:1px solid #C8C8CC; <br>margin-left:auto; <br>margin-right:auto; <br>margin-top:50px; <br>} <br>.main_title{ <br>width:310px; <br>border-bottom:1px solid #C8C8CC; <br>height:30px; <br>} <br>#main div .chang{ <br>border:1px solid #C8C8CC; <br>float:left; <br>width:153px; <br>height:26px; <br>text-align:center; <br>padding-top:4px; <br>cursor:pointer; <br>} <br>.main_head{ <br>width:310px; <br>height:25px; <br>background-color:#FFF4F8; <br>} <br>.main_head font{ <br>font-size:13px; <br>color:#808080; <br>margin-top:5px; <br>} <br>.main_content{ <br>width:310px; <br>border-top:1px solid #808080; <br>} <br>.main_content ul{ <br>margin-left:-30px; <br>margin-top:5px; <br>width:290px; <br>} <br>.main_content ul li{ <br>list-style-type:none; <br>font-size:13px; <br>color:#2464B2; <br>border-bottom:1px dotted #808080; <br>line-height:27px; <br>} <br>.main_content ul li a{ <br>font-size:13px; <br>color:#2464B2; <br>text-decoration:none; <br>} <br>.main_content ul li a:hover{ <br>text-decoration:underline; <br>} <br>#main div ul.main_content_chang{ <br>width:290px; <br>position:relative; <br>z-index:100; <br>top:0px; <br>left:0px; <br>display:block; <br>} <br>#main div ul{ <br>position:relative; <br>display:none; <br>} <br></style> <br><script type="text/javascript" src="js/jquery-1.9.1.js"></script> <br><script type="text/javascript"> <br>$(function(){ <br>$(".chang").each(function(index){ <br>$(this).click(function(){ <br>$(this).css("background-color","#E02D29"); <br>$(this).siblings("div").css("background-color","#fff"); <br>$("#main div ul").removeClass("main_content_chang"); <br>$(".main_content ul:eq("+index+")").show().siblings("ul").hide(); <br>}) <br>}) <br>}) <br></script> <br></head> <br><body> <br><div id="main"> <br><div class="main_title"> <br><div class="chang" style="background:#E02D29">实时热点</div> <br><div class="chang" style="float:right;">七日关注</div> <br></div> <br><div class="main_content"> <br><!----------リアルタイム ホットスポット-------------> <br><ul class="main_content_chang"> <br><li><img src="img/1_1.jpg"/> <a href="#"> /a></li> <br><li><img src="img/1_2.jpg"/>個人的にカスタマイズ</a>< ; <br><li><img src="img/3_1.jpg"/>全能のスター・ウォーズ</a></li< li><img src="img/1_4.jpg"/><a href="#">Jiaduobao は何百万ドルでもあなたに同行します</a></li> <br><li< ;img src="img/1_5.jpg"/> <a href="#">トイレで出産した女子生徒たちは</a></li> <img src="img/1_6.jpg"/> <a href="#">YTO の致命的な速達の全貌</a></li> <br><li> ;img src="img/1_7.jpg"/> <a href="#">セシリア・チャンの複製</a></li> <br><li><img src =" img/1_8.jpg"/> <a href="#">李延鵬は嘘をついた</a></li> <br><li><img src="img/1_9 .jpg" /<a href="#">1 億 7,000 万元の通帳</a></li><br><li><img src="img/1_10.jpg" /> a href="#">90 年代以降の世代は彼氏を喜ばせるために自分の娘を溺死させた</a></li> <br><li style="text-align:right; border-bottom -style :none"><a href="#" style="font-size:15px">完全なリストを表示</a></li> <br></ul> <br>< !----------7 日間フォローしてください----------> > <li><img src="img/1_1.jpg"/><a href="#">南京で発掘された謎の剣</a></li> li><img src="img/1_2.jpg"/> <a href="#">民事局からの偽の結婚証明書</a></li> <img src="img/3_1.jpg"/> <a href="#">ウォルマートが謝罪</a></li> <br><li><img src=" img /1_4.jpg"/> <a href="#">カードを買った女の子</a></li> <br><li><img src="img/1_5 . jpg"/>gt; <a href="#">偽茅台が融資で2億を騙し取った</a></li> <br><li><img src="img/1_6. />a href="#">ある男性は亡くなった妻からクリスマスプレゼントを受け取りました</a></li> "/> <a href="#">世界で最も美しい 100 人</a></li> <br><li><img src="img/1_8.jpg"/ > ; <a href="#">8,000 万個の隕石</a><li><img src="img/1_9.jpg"/> ="#">アンペール氏、靖国神社を参拝</a><li><img src="img/1_10.jpg"/> ;春祭りガラ ステージ露出</a></li> <br><li style="text-align:right; border-bottom-style:none"><a href="#" style = "font-size:15px">完全なリストを表示</a></ul> <br></div> ;/body><br></html><br><br><br>結果表示: <br><br> </div>