jquery添加样式的问题 如何点击导航条的链接,去到另外一个网站,那么这时导航条的导航背景颜色就会改变。如:现在是处于相册阶段,那么如果我点音乐的话,这个背景就会停在音乐的那个页面上。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 可以通过JS来获取你的链接然后根据链接来判断哪个需要选中效果class="select"。给个大概思路var url=document.location.href;var urlist="";var tabi=1;var urlvalue="";url=url.replace("http://","");urlist=url.split('/');urlvalue=urlist[1];if(urlvalue.indexOf('photo')==0){tabi=1;}else{tabi=1;//默认}document.getElementById("photo").className="select"; 本实例是通过ID来修改其class的。 如下是通过jquery实现的,<!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> <title></title> <script src="jquery-1.8.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("[class^=sty]").click(function(){ $("[class^=sty]").removeClass("sty1").addClass("sty2"); $(this).removeClass("sty2").addClass("sty1"); }) }) </script> <style> .sty1{ background-color:red; } .sty2{ background-color:blue; } </style> </head> <body> <input type="button" id="btn1" value="11" class="sty1"/> <input type="button" id="btn2" value="22" class="sty2"/> <input type="button" id="btn3" value="22" class="sty2"/> </body></html> 传个navId到后台呗~前台根据navId选择相应导航菜单 <!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> <title></title> <script src="jquery-1.8.2.min.js" type="text/javascript"></script> <script type="text/javascript"> /* $(function(){ $("[class^=sty]").click(function(){ $("[class^=sty]").removeClass("sty1").addClass("sty2"); $(this).removeClass("sty2").addClass("sty1"); }) }) */ function clickBtn(o){ $("[class^=sty]").removeClass("sty1").addClass("sty2"); $(o).removeClass("sty2").addClass("sty1"); window.open("http://www.baidu.com") } </script> <style> .sty1{ background-color:red; } .sty2{ background-color:blue; } </style> </head> <body> <input type="button" id="btn1" value="11" onclick="clickBtn(this)" class="sty1"/> <input type="button" id="btn2" value="22" onclick="clickBtn(this)" class="sty2"/> <input type="button" id="btn3" value="22" onclick="clickBtn(this)" class="sty2"/> </body></html>这样,单击打开百度,同时样式切换? 我想实现的是:当你点击photo.html页面的时候,背景图是在相册上。如果你点击music.html页面的时候,这个背景图片是在音乐上。 假设 按钮的class与当前的地址存在对应关系即:www.***.com/photo.html....<ul> <li> <a class="music">音乐</a> <a class="photo">相册</a> <a class="blog">日志</a> </li></ul>.....var Turl=location.href;var patt = /\/(.*?).html/gvar TmpClass="";while ((result = patt.exec(str)) != null) { TmpClass='.'+result[1]; }$(TmpClass).css('background-color','red'); //为对应的类设置样式. 如何判断文本框输入的字符是不是数字? getElementsByName在IE8中的问题 请教高手,关于js文件中函数的引用问题 JAVA检查并储存信息碰到问题 showModalDialog页面提交问题(急) Javascript 删除XML节点 js+css框架网站源码已打包开放 怎样保证一个浮标一直放置在页面底部? 关于: 类的继承 刚学js,想找一些网上资料。各位帮帮忙 一个新手问题,关于对象属性的 关于jquery重复ID赋值的问题
var urlist="";
var tabi=1;
var urlvalue="";
url=url.replace("http://","");
urlist=url.split('/');
urlvalue=urlist[1];
if(urlvalue.indexOf('photo')==0)
{
tabi=1;
}
else
{
tabi=1;//默认
}
document.getElementById("photo").className="select";
<!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>
<title></title>
<script src="jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("[class^=sty]").click(function(){
$("[class^=sty]").removeClass("sty1").addClass("sty2");
$(this).removeClass("sty2").addClass("sty1");
})
})
</script>
<style>
.sty1{
background-color:red;
}
.sty2{
background-color:blue;
}
</style>
</head>
<body>
<input type="button" id="btn1" value="11" class="sty1"/>
<input type="button" id="btn2" value="22" class="sty2"/>
<input type="button" id="btn3" value="22" class="sty2"/>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
/*
$(function(){
$("[class^=sty]").click(function(){
$("[class^=sty]").removeClass("sty1").addClass("sty2");
$(this).removeClass("sty2").addClass("sty1");
})
})
*/
function clickBtn(o){
$("[class^=sty]").removeClass("sty1").addClass("sty2");
$(o).removeClass("sty2").addClass("sty1");
window.open("http://www.baidu.com")
}
</script>
<style>
.sty1{
background-color:red;
}
.sty2{
background-color:blue;
}
</style>
</head>
<body>
<input type="button" id="btn1" value="11" onclick="clickBtn(this)" class="sty1"/>
<input type="button" id="btn2" value="22" onclick="clickBtn(this)" class="sty2"/>
<input type="button" id="btn3" value="22" onclick="clickBtn(this)" class="sty2"/>
</body>
</html>这样,单击打开百度,同时样式切换?
如果你点击music.html页面的时候,这个背景图片是在音乐上。
假设 按钮的class与当前的地址存在对应关系即:
www.***.com/photo.html....
<ul>
<li>
<a class="music">音乐</a>
<a class="photo">相册</a>
<a class="blog">日志</a>
</li>
</ul>
.....var Turl=location.href;
var patt = /\/(.*?).html/g
var TmpClass="";
while ((result = patt.exec(str)) != null) {
TmpClass='.'+result[1];
}
$(TmpClass).css('background-color','red'); //为对应的类设置样式.