用jquery使一个按钮让div左右移动怎么弄哇。。

发布网友发布时间：2022-05-03 07:59

共3个回答

热心网友时间：2022-04-20 01:30

用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>

$(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库。

热心网友时间：2022-04-20 02:48

你可以尝试用我的代码实现，可以实现你要的效果。主要是把click改成了toggle。顺便说一下，请使用我给你的附件里的1.4.1版本jquery

热心网友时间：2022-04-20 04:22

<!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>