自己网站需要的代码
这段代码是获取一个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>