<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
.xjy_box{ width:978px; border:1px solid rgb(159,183,212); text-align:left; margin:0 auto;}
.xjy_title{ height:30px; font-size:12px;background-color:rgb(240,240,240); position:relative;}
.xjy_tc{ background-color:rgb(252,250,250)}
.xjy_h3{ width:150px; padding-left:10px; height:30px; line-height:30px; font-weight:bold; color:red; float:left;}
.xjy_info{ float:left; line-height:30px; font-size:12px; position:absolute; right:10px; }
.xjy_con{ font-size:12px; overflow:hidden; height:139px; padding:5px 10px;}
.xjy_con li{ list-style:none; float: left; margin-right:10px;}

</style>

</head>

<body style="text-align:center;">
<div class="xjy_box">
<div class="xjy_title">
<div class="xjy_h3 xjy_tc" >全集播放地址一</div>
<span class="xjy_info">视频来自CNTV呢</span>
<div class="xjy_h3">全集播放地址二</div>
<span class="xjy_info" style="display:none; color:blue;">视频来自优酷，即点即播</span>
</div><!--/xjy_title-->
<div class="blank8" style="clear:both;"></div>
<div class="xjy_con">
<ul style="margin:0; padding:0;">
<li><a title="{mname2}" href="{mhurl}" target="_blank">高那个看古古怪怪</a></li>
<li><a title="{mname2}" href="{mhurl}" target="_blank">高那个看古古怪怪</a></li>
<li><a title="{mname2}" href="{mhurl}" target="_blank">高那个看古古怪怪</a></li>
</ul>
<ul style="margin:0; padding:0;display:none;">
<li><a title="{mname2}" href="{mhurl}" target="_blank">高你妈逼古怪怪</a></li>
<li><a title="{mname2}" style="color:red;" href="{mhurl}" target="_blank">abcngenEgngkneg</a></li>
<li><a title="{mname2}" href="{mhurl}" target="_blank">来玩CF不啦？来嘛</a></li>
</ul>

</div>
<div class="blank_8"></div>
</div><!--/xjy_box-->

</body>

<script type="text/javascript">
function getElementsByClassName(classname)
{  
var d=document;  
var e=d.getElementsByTagName('*');  
var c=new RegExp('\\b'+classname+'\\b');  
var r=[];  
 
for(var i=0,l=e.length;i<l;i++){  
var cn=e[i].className;  
if(c.test(cn)){  
r.push(e[i]);  
}  
}  
return r;  
}
if(typeof document.getElementsByClassName !='function')
{  
document.getElementsByClassName=getElementsByClassName;  
}

var xjy_tlist=document.getElementsByClassName("xjy_h3");
var xjy_ilist=document.getElementsByClassName("xjy_info");
var xjy_clist=document.getElementsByTagName("ul");

for(var index=0; index<xjy_tlist.length;index++)
{
xjy_tlist[index].onmouseover=function()
{
for(var xjy_i=0; xjy_i<xjy_tlist.length;xjy_i++)
{
if(xjy_tlist[xjy_i]==this)
{
xjy_tlist[xjy_i].className="xjy_h3 xjy_tc";
xjy_ilist[xjy_i].style.display="block";
xjy_clist[xjy_i].style.display="block";
}else
{
xjy_tlist[xjy_i].className="xjy_h3";
xjy_ilist[xjy_i].style.display="none";
xjy_clist[xjy_i].style.display="none";
}
}
};
}

function xjy_show(index)
{
for(var xjy_i=0;xjy_i<xjy_tlist.length;xjy_i++)
{
if(xjy_i==index)
{
xjy_tlist[xjy_i].className="xjy_h3 xjy_tc";
xjy_ilist[xjy_i].style.display="block";
xjy_clist[xjy_i].style.display="block";
}else
{
xjy_tlist[xjy_i].className="xjy_h3";
xjy_ilist[xjy_i].style.display="none";
xjy_clist[xjy_i].style.display="none";
}
}
}

</script>
</html>

演示地址：http://luyugao.com/js_code/XuanXiangKa1.htm