快捷導(dǎo)航

JS實(shí)現(xiàn)讓網(wǎng)頁背景圖片斜向移動(dòng)的方法

更新時(shí)間：2015年02月25日 11:07:10 作者：代碼家園

這篇文章主要介紹了JS實(shí)現(xiàn)讓網(wǎng)頁背景圖片斜向移動(dòng)的方法,涉及javascript操作背景圖片特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)讓網(wǎng)頁背景圖片斜向移動(dòng)的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html>
<head>
<title>JS實(shí)現(xiàn)讓網(wǎng)頁背景圖片斜向移動(dòng)</title>
<body background="images/changshi.ico">
<script language="Javascript">

</script>
<script language="Javascript">
<!--
var background = "images/changshi.ico";
var speed = 0;
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName != "Netscape" || browserVer >= 4.5) {
function moveback(movert,movedn,hPos,vPos) {
if (arguments[4])
document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";
if (arguments[5])
document.body.style.backgroundRepeat = arguments[5]
if (!isNaN(hPos)) {
if ((movert!=0) && (hPos>0)) hPos=-100000
hPos += movert
}
if (!isNaN(vPos)) {
if ((movedn!=0) && (vPos>0)) vPos=-100000
vPos+= movedn
}
document.body.style.backgroundPosition= hPos + " " + vPos
if (isNaN(hPos)) hPos = "\"" + hPos + "\""
if (isNaN(vPos)) vPos = "\"" + vPos + "\""
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}
moveback(1,1,0,0, background);
}

//-->
</script>
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

實(shí)用框架(iframe)操作代碼
這篇文章主要介紹了實(shí)用框架(iframe)操作代碼 ,需要的朋友可以參考下
2014-10-10
javascript getElementsByTagName
DC大神為早期不支持getElementsByTagName的瀏覽器寫的hack，當(dāng)然與原生的不能同日而言，原生的用到緩存機(jī)制呢。
2011-01-01
js實(shí)現(xiàn)簡單隨機(jī)抽獎(jiǎng)的方法
這篇文章主要介紹了js實(shí)現(xiàn)簡單隨機(jī)抽獎(jiǎng)的方法,涉及字符串的操作、setInterval定時(shí)調(diào)用等技巧,需要的朋友可以參考下
2015-01-01
JavaScript"模擬事件"的注意要點(diǎn)詳解
今天小編就為大家分享一篇關(guān)于JavaScript"模擬事件"的注意要點(diǎn)詳解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2019-02-02
實(shí)時(shí)編輯網(wǎng)頁網(wǎng)頁文字實(shí)時(shí)編輯，如同TEXTBOX一般
實(shí)時(shí)編輯網(wǎng)頁網(wǎng)頁文字實(shí)時(shí)編輯，如同TEXTBOX一般...
2007-03-03
基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁面變成灰色并且不可被編輯
這篇文章主要介紹了基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁面變成灰色并且不可被編輯的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-12-12
javascript數(shù)據(jù)結(jié)構(gòu)之串的概念與用法分析
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)之串的概念與用法,簡單講述了串的概念、功能并結(jié)合實(shí)例形式分析了基于javascript實(shí)現(xiàn)串的遍歷、比較、查找等相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
JavaScript動(dòng)態(tài)創(chuàng)建link標(biāo)簽到head里的方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)創(chuàng)建link標(biāo)簽到head里的方法,分別介紹了使用jQuery的方法、使用原生javascript方法與IE特有的createStyleSheet方法等,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2014-12-12
ie7+背景透明文字不透明超級(jí)簡單的實(shí)現(xiàn)方法
這篇文章主要介紹了ie7+背景透明文字不透明超級(jí)簡單的實(shí)現(xiàn)方法，有需要的朋友可以參考一下
2014-01-01
詳解JavaScript樹結(jié)構(gòu)
對(duì)于數(shù)據(jù)結(jié)構(gòu)“樹”，想必大家都熟悉，本文，我們就再來回顧一下數(shù)據(jù)結(jié)構(gòu)中的二叉樹與樹，并用JavaScript實(shí)現(xiàn)它們。下面就跟著小編一起來看下吧
2017-01-01