Chắc hầu hết các bạn đã thấy trên các website khi ta di chuyển chuột xuống phía dưỡi sẽ thông nút ghi Move On Top hoặc di chuyển lên trên, và khi ta nhấn vào đó thì tại vị trí đang đang đứng sẽ được di chuyển lên đầu tiên. Đoạn mã sau có thể thực hiên được kiểu này, tuy nhiên nó đã quá cũ mình không khuyến khích sử dụng trên website của bạn, sở dĩ post lên vì thấy trong code có nhiều chỗ khá hay và có thể bạn sẽ tìm ra một điều gì đó trong đây còn mình thì chưa tìm ra :>>
Hỗ trợ trình duyệt: Firefox, IE, Chrome, Safari, Opera
JavaScript Source:
Hỗ trợ trình duyệt: Firefox, IE, Chrome, Safari, Opera
JavaScript Source:
<html>
<head>
<script>
<!--
// Change this text to the text that you want to be displayed as the link on your page.
var displayed = "<nobr><font size=2 face=Arial><b>[Top]</b></font></nobr>"
// === DO NOT EDIT ANYTHING BELOW THIS LINE!!! === //
var logolink = 'javascript:window.scrollTo(0,0)'
var ns4 = document.layers
var ie4 = document.all
var ns6 = document.getElementById && !document.all
function regenerate() {
window.location.reload()
}
function regenerate2() {
if (ns4)
setTimeout("window.onresize=regenerate", 400)
}
if (ie4 || ns6)
document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">' + displayed + '</span>')
function createtext() { //function for NS4
staticimage = new Layer(5)
staticimage.left = -300
staticimage.document.write('<a href="' + logolink + '">' + displayed + '</a>')
staticimage.document.close()
staticimage.visibility = "show"
regenerate2()
staticitns()
}
function staticit() { //function for IE4/ NS6
var w2 = ns6 ? pageXOffset + w : document.body.scrollLeft + w
var h2 = ns6 ? pageYOffset + h : document.body.scrollTop + h
crosslogo.style.left = w2
crosslogo.style.top = h2
}
function staticit2() { //function for NS4
staticimage.left = pageXOffset + window.innerWidth - staticimage.document.width - 28
staticimage.top = pageYOffset + window.innerHeight - staticimage.document.height - 10
}
function inserttext() { //function for IE4/ NS6
if (ie4)
crosslogo = document.all.logo
else if (ns6)
crosslogo = document.getElementById("logo")
crosslogo.innerHTML = '<a href="' + logolink + '">' + displayed + '</a>'
w = ns6 ? window.innerWidth - crosslogo.offsetWidth - 20 : document.body.clientWidth - crosslogo.offsetWidth - 10
h = ns6 ? window.innerHeight - crosslogo.offsetHeight - 15 : document.body.clientHeight - crosslogo.offsetHeight - 10
crosslogo.style.left = w
crosslogo.style.top = h
if (ie4)
window.onscroll = staticit
else if (ns6)
startstatic = setInterval("staticit()", 100)
}
if (ie4 || ns6) {
window.onload = inserttext
window.onresize = new Function("window.location.reload()")
} else if (ns4)
window.onload = createtext
function staticitns() { //function for NS4
startstatic = setInterval("staticit2()", 90)
}
//-->
</script>
</head>
<body><span id="logo" style="position: absolute; top: 837px; z-index: 100; left: 362px;"><a href="javascript:window.scrollTo(0,0)"><nobr><font face="Arial" size="2"><b>[Top]</b></font></nobr></a></span>
<!-- END OF Watermark Jump to Top Link DHTML -->
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>
</body>
</html>
<head>
<script>
<!--
// Change this text to the text that you want to be displayed as the link on your page.
var displayed = "<nobr><font size=2 face=Arial><b>[Top]</b></font></nobr>"
// === DO NOT EDIT ANYTHING BELOW THIS LINE!!! === //
var logolink = 'javascript:window.scrollTo(0,0)'
var ns4 = document.layers
var ie4 = document.all
var ns6 = document.getElementById && !document.all
function regenerate() {
window.location.reload()
}
function regenerate2() {
if (ns4)
setTimeout("window.onresize=regenerate", 400)
}
if (ie4 || ns6)
document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">' + displayed + '</span>')
function createtext() { //function for NS4
staticimage = new Layer(5)
staticimage.left = -300
staticimage.document.write('<a href="' + logolink + '">' + displayed + '</a>')
staticimage.document.close()
staticimage.visibility = "show"
regenerate2()
staticitns()
}
function staticit() { //function for IE4/ NS6
var w2 = ns6 ? pageXOffset + w : document.body.scrollLeft + w
var h2 = ns6 ? pageYOffset + h : document.body.scrollTop + h
crosslogo.style.left = w2
crosslogo.style.top = h2
}
function staticit2() { //function for NS4
staticimage.left = pageXOffset + window.innerWidth - staticimage.document.width - 28
staticimage.top = pageYOffset + window.innerHeight - staticimage.document.height - 10
}
function inserttext() { //function for IE4/ NS6
if (ie4)
crosslogo = document.all.logo
else if (ns6)
crosslogo = document.getElementById("logo")
crosslogo.innerHTML = '<a href="' + logolink + '">' + displayed + '</a>'
w = ns6 ? window.innerWidth - crosslogo.offsetWidth - 20 : document.body.clientWidth - crosslogo.offsetWidth - 10
h = ns6 ? window.innerHeight - crosslogo.offsetHeight - 15 : document.body.clientHeight - crosslogo.offsetHeight - 10
crosslogo.style.left = w
crosslogo.style.top = h
if (ie4)
window.onscroll = staticit
else if (ns6)
startstatic = setInterval("staticit()", 100)
}
if (ie4 || ns6) {
window.onload = inserttext
window.onresize = new Function("window.location.reload()")
} else if (ns4)
window.onload = createtext
function staticitns() { //function for NS4
startstatic = setInterval("staticit2()", 90)
}
//-->
</script>
</head>
<body><span id="logo" style="position: absolute; top: 837px; z-index: 100; left: 362px;"><a href="javascript:window.scrollTo(0,0)"><nobr><font face="Arial" size="2"><b>[Top]</b></font></nobr></a></span>
<!-- END OF Watermark Jump to Top Link DHTML -->
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
<br>
</body>
</html>
No comments:
Post a Comment