现在的位置: 首页 > 综合 > 正文

jquery代码实例

2012年12月03日 ⁄ 综合 ⁄ 共 2746字 ⁄ 字号 评论关闭

自己网站需要的代码

这段代码是获取一个li元素下的a元素,并更改背景图片,本来是使用addClass()方法,但是实现不了效果,最终改成css()方法。

eq()

find()

css()

 window.location.href.split('?'); url截取?后 的参数
pages_url[1];  数组操作
url_att.substr(3, 1);字符串截取,第三个元素开始,取1个字符

 

 

 

<script type="text/javascript">
$(document).ready(function(){ 
  var pages_url = window.location.href.split('?');
  var url_att=pages_url[1];
   url_pa = url_att.substr(3, 1); // 获取子字符串
      switch(url_pa){
      case "2" :       
      $("#dh>ul>li").eq(0).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});
      break;       
       
      case "3" :        
      $("#dh>ul>li").eq(1).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});
      break;
      case "4": 
      $("#dh>ul>li").eq(2).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});
      break;
       
      case "5":         
      $("#dh>ul>li").eq(3).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});
      break;

      case "6":         
      $("#dh>ul>li").eq(4).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});
      break; 
      default:     
      
      } 
       
      })

 

</script>    

 后来使用发现大于10之后会出现截取第一个字符出现错误,然后修改成下面方式

使用split截取等号之后的字符

   url_pa = url_att.split('='); // 获取子字符串

<script type="text/javascript">

$(document).ready(function(){

  var pages_url = window.location.href.split('?');

  var url_att=pages_url[1];

   url_pa = url_att.split('='); // 获取子字符串

switch(url_pa[1]){

case "2" :

$("#dh>ul>li").eq(0).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});

break;

case "3":

$("#dh>ul>li").eq(1).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});

break;

case "4":

$("#dh>ul>li").eq(2).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});

break;

case "5":

$("#dh>ul>li").eq(3).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});

break;

case "6":

$("#dh>ul>li").eq(4).find("a").css({'background-image':'url(images/2.png)','background-repeat':'no-repeat'});

break;

default:

                      return true;

}

})

</script>

 

<script type="text/javascript">
$(document).ready(function(){ 
  var pages_url = window.location.href.split('?');
       var url_att=pages_url[1];
       if(url_att){
       $('#listpub > .Menubox >ul > li').removeClass();
       $('#'+url_att).click();
       }else
       {   $('#two1').addClass("hover");
        $('#two1').click();}
          })

</script>

<script type="text/javascript">
$(document).ready(function(){ 
         
          $('#pages1 > a').click(function(){
        var pagesh=$(this).attr("href");
        pagesh+="?two1";
      if(pagesh!=""){
       $(this).attr("href",pagesh);
      }
          });
        
          })
</script> 

抱歉!评论已关闭.