手机
当前位置:查字典教程网 >编程开发 >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实现让网页背景图片斜向移动的方法】相关文章:

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

jQuery实现不断闪烁文字的方法

JavaScript实现单击下拉框选择直接跳转页面的方法

jquery实现点击label的同时触发文本框点击事件的方法

JavaScript实现DIV层拖动及动态增加新层的方法

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

javascript实现行拖动的方法

Javascript实现飞动广告效果的方法

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

JavaScript实现点击文字切换登录窗口的方法

精品推荐
分类导航