jquery或者JS能实现让页面上移或者下移吗

JavaScript08

jquery或者JS能实现让页面上移或者下移吗,第1张

如果你的意思是将页面向下滚动500px,那么是可以实现的.如果说想要将浏览器窗口向下移动,那么现在大多数浏览器都会限制这类脚本,但并不是说脚本不能,而是浏览器会不会响应.如果说只是将内容下移,那么可以设置最上面元素的margin-top或padding-top来实现.

<html>

<meta http-equiv="content-type" content="text/htmlcharset=gb2312" />

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script language="JavaScript" type="text/javascript">

function get(obj) {

var obj = document.getElementById("qx").value

var obj = obj.split('\n')

var i = 0

var arr_all = new Array()

var exists = document.getElementById('a').childNodes

for (var j=0j<exists.lengthj++) {

if (exists[j].nodeName == 'DIV') {

var exist_url = exists[j].firstChild.nextSibling.value

var exist_name = exists[j].lastChild.previousSibling.innerHTML

var exist = exist_url + '|' + exist_name

arr_all.push(exist, arr_all)

}

}

for (i = 0i <obj.lengthi++) {

obj[i] = trim(obj[i])

if (obj[i] == '') {

continue

}

if (in_array(obj[i], arr_all)) {

continue

}

arr_all.push(obj[i])

var name = obj[i].split("|")[1]

var url = obj[i].split("|")[0]

var iht = ''

iht += '<div><span>上移</span><span>下移</span><input size=80 value='+url+' /><span>'+name+'</span>'

iht +='<input type="button" value=" 删除 " class="inputbtn" onclick="deleteNum(this)" /></div><br>'

document.getElementById("a").innerHTML+=iht

}

document.getElementById("qx").value=""

}

function deleteNum(obj) {

obj.parentNode.parentNode.removeChild(obj.parentNode.nextSibling)

obj.parentNode.parentNode.removeChild(obj.parentNode)

}

function trim(string) {

return string.replace(/(^\s*)|(\s*$)/g, "")

}

function in_array(stringToSearch, arrayToSearch) {

for (s = 0s <arrayToSearch.lengths++) {

thisEntry = arrayToSearch[s].toString()

if (thisEntry == stringToSearch) {

return true

}

}

return false

}

$(document).ready(function() {

//$("div[name=spanFor]").draggable()

$("#a").draggable({axis:'y',grid:[0,20],containment:'parent'})

})

</script>

</head>

<body>

<div id = "a" ></div>

<textarea name="fbaddress" cols="100" rows="5" id="qx">19880101|名字1

19880102|名字2

19880103|名字3

19880104|名字3</textarea>

<input type="button" name="Submit1" value=" 编号 " onclick="get()" class="inputbtn" /><br>

在保证别的功能不变的情况下 实现上移下移

</body>

</html>