代码运行良好,但我无法控制自己的布局。一旦链接被按下,它将在两个按钮状态之间正确切换。 在链接被按下之前,我怎样称呼'加班'?请帮忙。另外,我已经试过div的,跨越组织,但它需要一些tweeking
感谢,jQuery,在addClass和removeClass之前调用类
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
</head>
<style type="text/css">
#h6{font-size: 12px; padding-right: 0px;}
.plus{left:0px;height:33px;width:32px; background:url('sprite.gif') 0 0px;}
.minus{left:0px;height:33px;width:32px; background:url('sprite.gif') 0 -34px;}
</style>
<h6 id="deToggle"><a href="#" class="styles2" id="h6">Larger</a></h6>
<script language="javascript">
var click = 0%2;
var fontSizes = [14, 16]
$('#deToggle').toggle(
function(){
var sprot = $('#deToggle');//
var tog = $('#deToggle');
tog.html('<a href="#">Larger</a>');
$('#OurText').css('fontSize', fontSizes[1] + 'px');
$(this).val("-");
tog.addClass('plus');
tog.removeClass('minus');
},
function(){
var tog = $('#deToggle');
tog.html('<a href="#">Smaller</a>');
$('#OurText').css('fontSize', fontSizes[0]+ 'px');
$(this).val("+");
tog.removeClass('plus');
tog.addClass('minus');
});
</script>
<p id="OurText">My Text!!!</p>
</html>
sprit.gif鼠标经过图像
我最初以为#H6是在你的CSS一个错误,但此时才明白你有id为“H6”锚标记。这造成了很大的混乱。试着给id提供更有意义的名字。 – Mahesh 2011-03-08 10:34:46