快捷導(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)文章

JS監(jiān)聽微信、支付寶等移動(dòng)app及瀏覽器的返回、后退、上一頁按鈕的事件方法
這篇文章主要介紹了JS監(jiān)聽微信、支付寶等移動(dòng)app及瀏覽器的返回、后退、上一頁按鈕的事件方法,需要的朋友可以參考下
2016-08-08
純JS前端實(shí)現(xiàn)分頁代碼
這篇文章主要介紹了純JS前端實(shí)現(xiàn)分頁代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
Jsonp 跨域的原理以及Jquery的解決方案
JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允許請(qǐng)求當(dāng)前源（域名、協(xié)議、端口）的資源。
2010-05-05
JavaScript鼠標(biāo)特效大全
這篇文章主要為大家詳細(xì)介紹了JavaScript鼠標(biāo)特效,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
js日期格式化yyyy-MM-dd問題
這篇文章主要介紹了js日期格式化yyyy-MM-dd問題，具有很好的參考價(jià)值，希望對(duì)大家大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-01-01
JavaScript檢查變量類型的常用方法
在 JavaScript 開發(fā)中,變量類型的檢查是一個(gè)常見且重要的需求,無論是調(diào)試還是數(shù)據(jù)校驗(yàn),了解變量的類型可以幫助我們編寫更加健壯的代碼,本文將詳細(xì)講解 JavaScript 中用于檢查變量類型的多種方法,并分析它們的優(yōu)缺點(diǎn)以及適用場(chǎng)景
2025-04-04
js返回上一頁并刷新代碼整理
返回上一頁并刷新在此功能有利于用戶的體驗(yàn),是每一個(gè)web開發(fā)人員所必備的一項(xiàng)，長(zhǎng)話短說，今天介紹實(shí)現(xiàn)此功能的一個(gè)方法，需要了解的朋友可以參考下
2012-12-12
顯示行號(hào)的文本輸入框
顯示行號(hào)的文本輸入框...
2006-08-08
JavaScript webpack5配置及使用基本介紹
webpack 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)。這篇文章主要介紹了JavaScript webpack5配置及使用基本介紹
2022-09-09
詳解在JavaScript中如何判斷變量類型
JavaScript是一個(gè)動(dòng)態(tài)類型語言，在運(yùn)行時(shí)獲取變量類型是常用操作。本文將通過示例為大家詳細(xì)講講在JavaScript中如何判斷變量類型，感興趣的可以學(xué)習(xí)一下
2022-07-07