JS实现让网页背景图片斜向移动的方法
2015-02-25 00:00
1046 查看
本文实例讲述了JS实现让网页背景图片斜向移动的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<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实现网页随机切换背景图片的方法
- js实现网页随机切换背景图片的方法
- JS实现往下不断流动网页背景的方法
- js实现点击图片改变页面背景图的方法
- JS实现鼠标滑过链接改变网页背景颜色的方法
- JS实现往下不断流动网页背景的方法
- JS判断移动设备最佳方法 并实现跳转至手机版网页
- js根据鼠标移动速度背景图片自动旋转的方法
- 超简短JS实现下拉菜单改变网页背景图片
- JS网页图片按比例自适应缩放实现方法
- JS实现网页背景颜色与select框中颜色同时变化的方法
- js实现按钮加背景图片常用方法
- js实现背景图片感应鼠标变化的方法
- js实现点击图片改变页面背景图的方法
- JS实现网页背景颜色与select框中颜色同时变化的方法
- JS网页图片按比例自适应缩放实现方法
- JS实现鼠标滑过链接改变网页背景颜色的方法
- js实现背景图片感应鼠标变化的方法
- js实现按钮加背景图片常用方法