2 yc2436 YC2436 于 2016.09.22 11:13 提问

JQ如何修改当前元素的位置,实现上移下移的效果

如题,如何通过JQ修改当前选择元素的位置图片说明

3个回答

caozhy
caozhy   Ds   Rxr 2016.09.22 11:17
qq_29594393
qq_29594393   Ds   Rxr 2016.09.22 11:37

绝对定位,通过jQuery 修改CSS的属性值 就可以改变定位 ,用动画改变 ,就能做到动画的效果

showbo
showbo   Ds   Rxr 2016.09.22 15:36
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jquery 实现列表上移、下移功能
由于比较忙,好久没写新的文章了,虽然本人写的文章可能对一些高手来说是小菜一碟,但是对于新手来说还是比较难得,重在为和我一样的小菜鸟提供一个简单的实现方法,以及一个思路罢了。        那么,废话少说,我们开始进入主题。       今天我们实现的是一个列表页面上移、下移功能。如图:        当勾选列表中的列时,点击上移或者下移,会动态上移或者下移。 html代码如下:
JQuery操作html实现<li>标签上移和下移效果
1.为了方便操作元素,先定义一个css样式如: .optli{color:greee;} 2.将ul绑定(注册)点击事件 $('#ulName').on('click','li',nodeContent);                  //li点击事件 var nodeContent=function(){     $(this).addClass('optli').sibling
jquery实现节点上移、下移
$().prop('outerHTML')$().html()方法是获取当前节点下的html代码,但并不包括当前节点, js dom里有一个属性outerHTML用来获取当前节点的html代码(包括当前节点),通过jquery的prop()方法可以拿到, 具体实现代码如下 jquery实现节点上移、下移 下移 上移
js上移下移功能
今天分享一下项目里面用到的一个小功能,实现上移下移的功能。 上移 下移 上移 下移 上移 下移 这里样式的话就不写了,可以根据自己的需求来定义,主要的还是逻辑部分。 var moveUporDown= {
jQuery 实现 li 的上移下移
 jQuery 实现 li 的上移下移  无标题文档 1 2 3 4 5 6 7 8 9 func
jq实现表格上移/下移/置顶功能
这里主要是运用了选择器的一些知识,全部代码如下: jQuery实现表格行上移下移和置顶 .demo{width:600px; margin:60px auto 10px auto; font-size:16px} .table {border-collapse: collapse !important;width: 100%;max-width: 100%
js上移、下移、置顶、置底操作
简单的JQ操作,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>使用js实现上移、下移、置顶、置底功能及源码案例</title> <meta name="description" conte
js实现上移下移效果
1.前台jsp页面 无标题文档 姓名年龄班级操作 孙红波221班 胡俊232班 程阳243班 var tab = document.getElementById('tabid');//得到tab对象 function findIndex(e){ //e 即传递过来的按钮对象,
JQuery实现table中tr上移下移
表格样式<table> <tr> <td><input type="button" value="上移" onclick="moveUp(this)"/></td> <td><input type="button" value="下移" onclick="moveDown(this)"/></td> </tr> <tr>
js 脚本实现 上移下移功能
<br /><!--复制代码可直接运行--><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="Conten