当前位置:首页>开发>正文

用jquery使一个按钮让div左右移动怎么办 鼠标事件,js代码实现div移动功能

2023-06-05 22:44:23 互联网 未知 开发

 用jquery使一个按钮让div左右移动怎么办 鼠标事件,js代码实现div移动功能

用jquery使一个按钮让div左右移动怎么办?

用jquery使一个按钮让div左右移动方法如下:

就是点击“#anniu”,然后"#caozuo"div左右移动,我的代码左移了就不能移动回来了  

 用jquery使一个按钮让div左右移动怎么办 鼠标事件,js代码实现div移动功能
 $(document).ready(function()... 就是点击“#anniu”,然后"#caozuo"div左右移动,我的代码左移了就不能移动回来了。



 用jquery使一个按钮让div左右移动怎么办 鼠标事件,js代码实现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库。

鼠标事件,js代码实现div移动功能

首先引入jquery框架 例如 jquery-1.7.1.js

//$("#div1")表示要移动的div
$("#div1").animate({top: =200px},"slow")//向上移动200px;
$("#div1").animate({top:-=200px},"slow")//向下移动200px;回到原来的位置

最新文章