跳转滚动,重定向到博客上同一个博客的另一个页面

时间:2013-05-17 09:06:19

标签: javascript jquery html

我有一个博客。如果有人点击特定链接,我想做。他应该在同一页面的特定点跳转。然后在一段时间后,他应该在同一博客的其他页面上自动重定向/重定向到其他博客。还请举例说明网站地址。 我有这个代码。

脚本就像:

  function jumpScroll(){
   window.scroll(0,150);
  }

HTML就像:

  <a href="javascript:jumpScroll()"> Scroll Page </a>

1 个答案:

答案 0 :(得分:3)

function pageScroll() {
    window.scrollBy(0,50); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

要在页面加载时自动滚动,请将以下代码添加到正文标记中:

<body onLoad="pageScroll()">

链接如下:

 <a href="javascript:pageScroll()">Scroll Page</a>

直接滚动到特定点:

使用scroll()方法跳转到页面上的特定点。目标位置以像素的形式指定。

function jumpScroll() {
window.scroll(0,150); // horizontal and vertical scroll targets
}

链接就像:

 <a href="javascript:jumpScroll()">Jump to another place on the page</a>

要转到下一页:

function jumpScroll() {
window.scroll(0,150); // horizontal and vertical scroll targets
    window.location.replace("http://page2.html");
}

要转到特定页面:

您可以调用每个链接中的不同功能,例如:

 <a href="javascript:jumpScroll1()">jump to page1</a>
 <a href="javascript:jumpScroll2()">Jump to page2</a>
 <a href="javascript:jumpScroll3()">Jump to page3</a>

脚本就像:

   function jumpScroll1() {
window.scroll(0,150); // horizontal and vertical scroll targets
    window.location.replace("http://page1.html");
}


function jumpScroll2() {
window.scroll(0,250); // horizontal and vertical scroll targets
    window.location.replace("http://page2.html");
}


function jumpScroll3() {
window.scroll(0,350); // horizontal and vertical scroll targets
    window.location.replace("http://page3.html");
}

这对我来说很好。

参考链接:http://www.mediacollege.com/internet/javascript/page/scroll.html