[2010-05]
化学学院子站学生科。突然想到试着用JS判断id值来固定菜单样式。就试着去写了。
$(function(){
var Param=window.location.href.split('?')[1];
var Uid;var aq=Param.indexOf('&');
if(aq<0)
{
Uid=Param.substring(4);}
else
{
var Psd=Param.split('&')[0];
Uid=Psd.substring(4);}
var _NaN=/^\d{1,5}$/;
if(!_NaN.exec(Uid))
{
alert("参数错误!");history.go(-1);};
$(".L_l_list_rp li").addClass("l_m_out");
$(".L_l_list_rp li").find("a").each(function(e){
var lid=$(this).attr("href").substring(5);
if(lid==Uid)
{
$(".L_l_list_rp li:eq("+e+")").removeClass("l_m_out").addClass("l_m_on")}
});
$(".L_l_list_rp li").each(function(){
if($(this).hasClass("l_m_out"))
{
$(this).hover(function(){
$(this).removeClass("l_m_out").addClass("l_m_on")},
function(){
$(this).removeClass("l_m_on").addClass("l_m_out")})
}});
$(".L_l_list_rp li").click(function(){
var href=$(this).find("a").attr("href");location.href=href;}
)
});
以下是html
<div class="L_l_list_rp">
<ul>
<li><a href="List.aspx?Uid=151">就业动态</a></li>
<li><a href="List.aspx?Uid=152">招聘信息</a></li>
<li><a href="List.aspx?Uid=154">政策文件</a></li>
<li><a href="List.aspx?Uid=155">就业指导</a></li>
</ul>
</div>