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程序设计有所帮助。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#yiidian.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。