手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现让网页背景图片斜向移动的方法
JS实现让网页背景图片斜向移动的方法
摘要:本文实例讲述了JS实现让网页背景图片斜向移动的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:JS实现让网页背景图片斜向移动...

本文实例讲述了JS实现让网页背景图片斜向移动的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:<html>

<head>

<title>JS实现让网页背景图片斜向移动</title>

<body background="images/changshi.ico">

<script language="Javascript">

<!--

function selectAll(theField){

var tempval=eval("document."+theField)

tempval.focus()

tempval.select()

}

//-->

</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>

希望本文所述对大家的javascript程序设计有所帮助。

【JS实现让网页背景图片斜向移动的方法】相关文章:

javascript实现行拖动的方法

js实现鼠标经过表格行变色的方法

JS实现带缓冲效果打开、关闭、移动一个层的方法

JavaScript实现鼠标点击后层展开效果的方法

jquery预加载图片的方法

jQuery实现给页面换肤的方法

js+html5实现canvas绘制圆形图案的方法

JavaScript基于setTimeout实现计数的方法

js兼容火狐显示上传图片预览效果的方法

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

精品推荐
分类导航