百度空间 | 百度首页 
               
 
查看文章
 
根据URL传过的ID改变UL中的LI的背景,兼容IE与FF
2008-09-02 12:04

<script language="javascript">

function getUrlPar(Id)
{
var str_url,str_pos,str_para;
var arr_param=new Array();
str_url = window.location.href;
str_pos = str_url.indexOf("?");
str_para = str_url.substring(str_pos+1);

if (str_pos>0)
{
   arr_param=str_para.split("&");
   for(var i=0;i<arr_param.length;i++)
   {
    var temp_str = new Array()
    temp_str=arr_param[i].split("=")
    var obj=new Object()
    obj.param_name=temp_str[0]
    obj.param_str=temp_str[1]
    arr_param[i]=obj
   }   

   if(arr_param.length>=Id)
   {
    return arr_param[Id].param_str;
   }
  
}
}
function swapNews(iInt)
{
switch(iInt)
{
   case 0:
    location.href='/usersite/gz/newslist.aspx?fid=1&cn=<%=Uri.UnescapeDataString("最新资讯")%>'
    break;
   case 1:
    location.href='/usersite/gz/newslist.aspx?fid=3&cn=<%=Uri.UnescapeDataString("公告通知")%>'
    break;
   case 2:
    location.href='/usersite/gz/newslist.aspx?fid=4&cn=<%=Uri.UnescapeDataString("人事招考")%>'
    break;
   case 3:
    location.href='/usersite/gz/newslist.aspx?fid=5&cn=<%=Uri.UnescapeDataString("培训天地")%>'
    break;
   case 4:
    location.href='/usersite/gz/newslist.aspx?fid=6&cn=<%=Uri.UnescapeDataString("委托招聘")%>'
    break;
   case 5:
    location.href='/usersite/gz/newslist.aspx?fid=7&cn=<%=Uri.UnescapeDataString("求职宝典")%>'
    break;  
  
}
}


function swapNewsImg()
{

var iFid=parseInt(getUrlPar(0))

switch(iFid)
{
   case 1:
    iFid=0;
    break;
   case 3:
    iFid=1;
    break;
   case 4:
    iFid=2;
    break;
   case 5:
    iFid=3;
    break;
   case 6:
    iFid=4;
    break;
   case 7:
    iFid=5;
    break;
   }

var myul=document.getElementById("list");
var j=0;
for (var i=0; i<myul.childNodes.length-1; i++)
{
   if(myul.childNodes[i].nodeName=="LI")
   {  
    myul.childNodes[i].style.backgroundImage = "url(/usersite/gz/images/news3.gif)";
    if(j==iFid)
    {
     myul.childNodes[i].style.backgroundImage = "url(/usersite/gz/images/news2.jpg)";
    }
    j++;
   }
}
}
</script>

<ul class="NewsLm" id="list">
        <li onclick="swapNews(0)">最新资讯</li>           
           <li onclick="swapNews(1)">公告通知</li>          
           <li onclick="swapNews(2)">人事招考</li>          
           <li onclick="swapNews(3)">培训天地</li>          
           <li onclick="swapNews(4)">委托招聘</li>          
           <li onclick="swapNews(5)">求职宝典</li>          
           <li onmouseover="this.style.backgroundImage='url(/usersite/gz/images/news2.jpg)'" onmouseout="this.style.backgroundImage='url(/usersite/gz/images/news3.gif)'" onclick="location.href='http://www.gzrc.gov.cn/upload/gz/ad/down/test/sx/cjcx.htm'">资格查询</li>
      </ul>


类别:js积累 | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu