<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Stu Nicholls | CSSplay | What's on TV</title>
<style type="text/css">
#container {width:224px; height:220px; margin:0 auto; position:relative;}
#case {width:200px; height:120px; border-top:4px solid #cecece; border-right:12px solid #9b9b9b; border-bottom:6px solid #969696; border-left:12px solid #cacaca; background:#e8e8e8; position:relative;}
#tvtop {width:120px; height:2px; border-left:10px solid #efefef; border-right:10px solid #efefef; background:#adadad; position:absolute; top:-3px; left:30px; overflow:hidden;}
#tvbot {width:50px; height:3px; border-left:45px solid #ddd; border-right:45px solid #ddd; background:#aaa; position:absolute; bottom:-4px; left:30px; overflow:hidden;}
#stand2 {width:100px; height:6px; border-bottom:6px solid #969696; border-right:1px solid #9b9b9b; border-left:1px solid #9b9b9b; background:#ddd; position:absolute; bottom:-30px; left:48px; overflow:hidden;}
#stand {width:50px; height:15px; background:#888; position:absolute; bottom:-21px; left:75px; overflow:hidden;}
#tvscreen {width:170px; height:100px; border:4px solid #666; background:#08c; position:absolute; top:6px; left:10px; overflow:hidden; text-align:center; line-height:100px; color:#ff0}
#tvmenu {position:absolute; top:170px; left:50px; width:200px; height:100px; font-family:"courier new", monospace;}
#tvmenu:hover {background:transparent;}
#tvmenu a:visited {color:#fff; text-decoration:none; font-size:14px; background:#000;}
#tvmenu a {color:#fff; text-decoration:none; font-size:14px; background:#000;}
#tvmenu a span {display:none; width:0; height:0; position:absolute; border:0;}
#tvmenu a div {display:none;}
#tvmenu a:hover {color:#fff; background:#c00; text-decoration:none;}
#tvmenu a img {display:block; position:absolute; top:-84px; left:38px; width:1px; height:1px; border:0px;}
#tvmenu a:hover img {display:block; position:absolute; top:-155px; left:-24px; width:170px; height:100px; border:0px;}
#tvmenu a:hover .line {display:block; position:absolute; top:25px; left:0px; width:15px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line1 {display:block; position:absolute; top:25px; left:0px; width:35px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line2 {display:block; position:absolute; top:25px; left:0px; width:60px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line3 {display:block; position:absolute; top:25px; left:0px; width:85px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line4 {display:block; position:absolute; top:25px; left:0px; width:110px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .point {display:block; position:absolute; top:20px; left:5px; width:0px; height:0px; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point1 {display:block; position:absolute; top:20px; left:25px; width:0px; height:0px; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point2 {display:block; position:absolute; top:20px; left:50px; width:0px; height:0px; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point3 {display:block; position:absolute; top:20px; left:75px; width:0px; height:0px; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point4 {display:block; position:absolute; top:20px; left:100px; width:0px; height:0px; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
.channel {position:absolute;top:200px; left:52px; font-size:14px; font-weight:bold; color:#000; letter-spacing:10px;}
</style>
</head>
<body>
<h2>一起玩联盟</h2>
<div id="container">
<div id="case">
<div id="tvtop"></div>
<div id="tvbot"></div>
<div id="stand2"></div>
<div id="stand"></div>
<div id="tvscreen"><b>一起玩</b></div>
</div>
<div id="tvmenu">
<a href="#nogo"> 1
<img src="http://lstx.5xnet.com/bbs/UploadFile/2006-7/20067169473314755.gif" alt="" /><span class="line">.</span><span class="point">.</span></a><a href="#nogo"> 2
<img src="http://lstx.5xnet.com/bbs/UploadFile/2006-7/20067169485790383.gif" alt="" /><span class="line1">.</span><span class="point1">.</span></a><a href="#nogo"> 3
<img src="http://lstx.5xnet.com/bbs/UploadFile/2006-7/20067169564042218.gif" alt="" /><span class="line2">.</span><span class="point2">.</span></a><a href="#nogo"> 4
<img src="http://lstx.5xnet.com/bbs/UploadFile/2006-7/20067161002261882.gif" alt="" /><span class="line3">.</span><span class="point3">.</span></a><a href="#nogo"> 5
<img src="http://lstx.5xnet.com/bbs/UploadFile/2006-7/20067161013329363.gif" alt="" /><span class="line4">.</span><span class="point4">.</span></a>
</div>
<div class="channel">点击查看效果</div>
</div>
</body>
</html>
