HTML代码:
<a href="javascript:void1()" class="folder"></a>JQuery代码:
$(function () {
$("a.folder").click(function () {
$(this).toggleClass("unfolder");
});
})CSS代码:
a.folder
{
background-position: -7px -7px;
display:inline-block;
background-image: url('Images/Small_pic/modifier_add.gif'); <!--显示一个加号小图标-->
background-repeat:no-repeat;
width:13px;
height:13px;
border:1px solid #99CCFF;
margin-right:5px;
vertical-align:text-bottom;
}
.unfolder
{
background-image:url('Images/Small_pic/modifier_subtract.gif'); <!--显示一个减号小图标-->
}
问题:展开的时候没有图标没有变化。个人觉得是unfolder,folder样式里的background-image属性重复的缘故?这个问题该如何解决?
<a href="javascript:void1()" class="folder"></a>JQuery代码:
$(function () {
$("a.folder").click(function () {
$(this).toggleClass("unfolder");
});
})CSS代码:
a.folder
{
background-position: -7px -7px;
display:inline-block;
background-image: url('Images/Small_pic/modifier_add.gif'); <!--显示一个加号小图标-->
background-repeat:no-repeat;
width:13px;
height:13px;
border:1px solid #99CCFF;
margin-right:5px;
vertical-align:text-bottom;
}
.unfolder
{
background-image:url('Images/Small_pic/modifier_subtract.gif'); <!--显示一个减号小图标-->
}
问题:展开的时候没有图标没有变化。个人觉得是unfolder,folder样式里的background-image属性重复的缘故?这个问题该如何解决?
解决方案 »
- 来个高手指点下我做表单验证呀..!
- 如何拼凑字符串和变量?(var imgs = "images/2011laugh_01.jpg|images/2011laugh_02.jpg")|左右都是变量
- javascript的面向对象编程现在用于什么地方比较多?
- extjs 小数 计算 问题
- Flash图片切换,就是很多网站的图片新闻的那种,下面有1234的
- html页面怎么获得控件值并当参数传入函数里.
- 求高手
- 请教歌曲连播的问题
- 如何得到一个地址返回的html代码,然后再post给另外一个页面?
- 替换问题
- [求助]JavaScript构造函数原型对象中属性的修改问题
- 请教 使用canvas, svg 或 vml画图的基本流程
$("a.folder").click(function () { if ($(this).attr('class') != 'unfolder') {
$(this).attr('class', "unfolder");
}
else { $(this).attr('class', "folder"); } });
})
这是我想的方法你可以试试。。
$("a.folder").click(function () {
$(this).toggleClass("unfolder");
$(this).toggleClass("folder");
});
});