<!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=utf-8" />
<link rel="stylesheet" type="text/css" href="Default.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<title>共青团</title>
<script type="text/javascript">
$(function(){
$(".main-li").hover(function(){
$(this).children(".sub-menu").show().prev("a").css({"color":"#111","text-decoration":"underline"});
},function(){
$(this).children(".sub-menu").hide().prev("a").css({"color":"#fff","text-decoration":"none"});
});
$(".sub-menu .main-li2").hover(function(){
$(this).children(".li2-a").css({"background-color":"#981C14","color":"#fff","text-decoration":"underline"});
$(this).children(".sub-menu-two").show();
},function(){
$(this).children(".li2-a").css({"background-color":"#7C2418","color":"#FF6633","text-decoration":"none"});
$(this).children(".sub-menu-two").hide();
});
});
</script>
<style>
.menu {
font-weight:bold;
line-height:22px;
height:22px;
text-align:center;
padding-left:130px;
padding-top:154px;
}
.menu li {
text-align:center;
float:left;
width:74px;
}
.main-menu {
width:100%;
}
.main-menu .main-li {
float:left;
padding:0 3px;
height:20px;
position:relative;
z-index:1;
}
.main-menu .main-li a {
display:block;
font-weight:bold;
}
.main-menu .main-li .li-a {
float:left;
}
.main-menu .main-li .li-a {
width:74px;
}
.main-menu .main-li .sub-menu {
position:absolute;
top:20px;
display:none;
z-index:2;
left:-1px;
width:80px;
text-align:center;
background-color:#999999;
}
.main-menu .main-li .sub-menu-two {
position:absolute;
top:0px;
display:none;
z-index:3;
left:74px;
text-align:center;
}
.sub-menu-two a {
width:80px;
background-color:#981C14;
float:none;
}
.sub-menu .li2-a {
background-color:#7C2418;
float:none;
width:80px;
}
.sub-menu a:hover {
background-color:#fff;
}
.menu a, .menu a:link {
color:#fff;
text-decoration:none
}
</style>
<style type="text/css">
#tab {
width:200px;
height:153px;
position:relative;
}
html > body #tab {
width:200px;
}
#tab div {
position:absolute;
top:26px;
left:0;
width:200px;
height:128px;
border:solid #eee;
border-width:0 1px 1px;
}
#tab div {
display:none;
}
#tab .block {
display:block;
border:1px #000 solid;
background:url(Images/butt.jpg) no-repeat;
top:21px;
}
#tab h3 {
float:left;
width:72px;
height:22px;
line-height:22px;
margin:0 -1px 0 0;
font-size:14px;
cursor:pointer;
font-weight:normal;
text-align:center;
color:#00007F;
background:#eee url(Images/bu2.jpg) no-repeat
}
#tab .up {
width:72px;
height:22px;
background:#fff url(Images/bu.jpg) no-repeat
}
#tab ul {
margin:15px 0 0;
list-style:none;
padding:0;
}
#tab li {
float:left;
width:50%;
background:url(http://blog.pr1984.com/attachments/month_0612/a20061212105235.gif) no-repeat 25px 10px;
}
#tab li a {
display:block;
width:84%;
height:25px;
line-height:25px;
margin-left:8%;
font-size:12px;
text-decoration:none;
color:#333;
background:url(http://blog.pr1984.com/attachments/month_0612/g20061212105238.gif) repeat-x left bottom;
text-indent:10px;
}
#tab li a:hover {
text-decoration:underline;
color:#f00;
}
</style>
</head>
<body>
<div class="main">
<div class="head">
<div class="menu">
<ul class="main-menu"> <li class="main-li"><a class="li-a" href="#">网站首页</a></li>
<li class="litlexian" style="width:10px;"><img src="Images/xina.jpg" /></li>
<li class="main-li"><a class="li-a" href="#">共青团介绍</a>
<ul class="sub-menu">
<li class="main-li2"><a class="li2-a" href="/">共青团历史</a></li>
<li class="main-li2"><a class="li2-a" href="/">共青团未来</a></li>
</ul>
</li>
<li class="litlexian" style="width:10px;"><img src="Images/xina.jpg" /></li>
<li class="main-li"><a class="li-a" href="#">团体活动</a>
<ul class="sub-menu">
<li class="main-li2"><a class="li2-a" href="/">报名热线</a></li> <li class="main-li2"><a class="li2-a" href="/">在线参考</a></li>
</ul>
</li>
<li class="litlexian" style="width:10px;"><img src="Images/xina.jpg" /></li>
<li class="main-li"><a class="li-a" href="#">团内新闻</a>
<ul class="sub-menu">
<li class="main-li2"><a class="li2-a" href="/">最新报道</a></li>
<li class="main-li2"><a class="li2-a" href="/">新闻动态</a></li>
</ul>
</li> <li class="litlexian" style="width:10px;"><img src="Images/xina.jpg" /></li>
<li class="main-li"><a class="li-a" href="#">各区活动</a> <ul class="sub-menu">
<li class="main-li2"><a class="li2-a" href="/">最新活动</a></li>
<li class="main-li2"><a class="li2-a" href="/">成功范例</a></li>
</ul>
</li>
<li class="litlexian" style="width:10px;"><img src="Images/xina.jpg" /></li>
<li class="main-li"><a class="li-a" href="#">思想汇报</a></li>
<li class="litlexian" style="width:10px;"><img src="Images/xina.jpg" /></li>
<li class="main-li"><a class="li-a" href="#">活动盛况</a></li>
<li class="litlexian" style="width:10px;"><img src="Images/xina.jpg" /></li>
<li class="main-li"><a class="li-a" href="#">关于我们</a></li>
</ul>
</div>
</div>
<div class="middmain">
<div class="leftmain">
<div class="huandeng">
<SCRIPT type=text/javascript>
var focus_width=356
var focus_height=285
var text_height=20
var swf_height = focus_height+text_height
var pics='Images/04.jpg|Images/02.jpg|Images/03.jpg|Images/04.jpg|Images/88.jpg'
var links='http://linkweb.cn/Js/Js.asp?ID=535|http://linkweb.cn/Js/Js.asp?ID=518|http://linkweb.cn/Js/Js.asp?ID=497|http://linkweb.cn/Js/Js.asp?ID=480|http://linkweb.cn/Js/Js.asp?ID=480'
var texts='FLASH图片渐显效果测试|这种效果到底是怎么实现的呢|现在估计是JS和FLASH共同作用|那个FLASH文件应该是控制文件|现在估计是JS和FLASH共同作用'
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="Images/flash01.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="Images/flash01.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
</SCRIPT>
</div>
<div class="title"><font style="float:left; padding-top:15px; padding-left:40px; font-size:14px; font-weight:bold; color:#9c6139">团内新闻</font><font class="titlea" style="float:right; padding-right:10px; padding-top:20px; padding-left:40px; font-size:12px; color:#e65810"><a href="#">更多>></a></font></div>
<div class="list">
<ul>
<li><font style="float:left"><a href="#">《我是共青团员》联想注意主题全国活动火热...</a></font><font style="float:right; padding-right:10px;">2012-05-01 </font></li>
<li><font style="float:left"><a href="#">青少年无限全国巡展闪亮登场</a></font><font style="float:right; padding-right:10px;">2012-05-01 </font></li>
<li><font style="float:left"><a href="#">敬请关注2月11《你�