用jquery使一个按钮让div左右移动怎么弄哇。。
<div class="bottom textstyle" id="caozuo">
<a href="#" id="anniu"><img src="jiantou2.png" width="20" id="tanchu" /></a>
</div>
$(document).ready(function() {
$("#anniu").click(function(event){
event.preventDefault();
if($('#caozuo').is({right:'0em'})){
$('#caozuo').animate({right:'-8.5em'},"fast");}
else{
$('#caozuo').animate({right:'0em'},"fast");
}
});
}); 展开
用jquery使一个按钮让div左右移动方法如下：
就是点击“#anniu”，然后"#caozuo"div左右移动，我的代码左移了就不能移动回来了 <div class="bottom textstyle" id="caozuo"> <a href="#" id="anniu"><img src="jiantou2.png" width="20" id="tanchu" /></a> </div> $(document).ready(function()... 就是点击“#anniu”，然后"#caozuo"div左右移动，我的代码左移了就不能移动回来了。
<div class="bottom textstyle" id="caozuo">
<a href="#" id="anniu"><img src="jiantou2.png" width="20" id="tanchu" /></a>
</div>
$(document).ready(function() {
$("#anniu").click(function(event){
event.preventDefault();
if($('#caozuo').is({right:'0em'})){
$('#caozuo').animate({right:'-8.5em'},"fast");}
else{
$('#caozuo').animate({right:'0em'},"fast");
}
});
});
jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。
你可以尝试用我的代码实现，可以实现你要的效果。主要是把click改成了toggle。顺便说一下，请使用我给你的附件里的1.4.1版本jquery
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>pro.html</title>
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$ (document).ready (function ()
{
$ ("#anniu").click (function ()
{
if ($ ('#caozuo').css ('right') == '0px')
{
$ ('#caozuo').animate (
{
right : '160px'
}, 1000);
}
else
{
$ ('#caozuo').animate (
{
right : '0px'
}, 1000);
}
});
});
</script>
</head>
<body>
<div class="bottom textstyle" id="caozuo"
style="position: relative; right: 0px;">
<a href="#" id="anniu"><img src="../jiantou2.png" id="tanchu" />
</a>
</div>
</body>
</html>
