JS实现让网页背景图片斜向移动的方法

更新时间：2015年02月25日 11:07:10 作者：代码家园

这篇文章主要介绍了JS实现让网页背景图片斜向移动的方法,涉及javascript操作背景图片特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

<html>
<head>
<title>JS实现让网页背景图片斜向移动</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>

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

您可能感兴趣的文章:

js如何获取object类型里的键值
这篇文章主要介绍了js获取object类型里键值的方法,需要的朋友可以参考下
2014-02-02
JS时间转换标准格式、时间戳转换标准格式的示例代码
这篇文章主要介绍了JS时间转换标准格式、时间戳转换标准格式的示例代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-05-05
javascript模拟post提交隐藏地址栏的参数
想要隐藏地址栏的参数，就只能用javascript模拟post提交，下面是示例代码，需要的朋友可以看看
2014-09-09
uniapp中使用计时器setInterval的场景与方法
计时器在日常开发中经常会遇到,下面这篇文章主要给大家介绍了关于uniapp中使用计时器setInterval的场景与方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-08-08
利用Js+Css实现折纸动态导航效果实例源码
这篇文章主要给大家介绍了利用Js+Css实现折纸动态导航的效果，实现后的效果非常不错，文中给出了简单的介绍和完整的实例代码，对大家具有一定的参考价值，有需要的朋友们下面来一起看看吧。
2017-01-01
js自定义事件及事件交互原理概述(二)
上一篇的目的只是让大家简单的理解自定事件是如何模拟出来的，大家不难发现会有很多缺陷,本篇主要已解决上一篇的问题为主，感兴趣的朋友可以参考，或许本文对你有所帮助
2013-02-02
layui表单验证select下拉框实现验证的方法
今天小编就为大家分享一篇layui表单验证select下拉框实现验证的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JS控制伪元素的方法汇总
本文给大家介绍js控制伪元素的方法汇总，本文涉及到获取伪元素属性值的方法，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起学习吧
2016-04-04
微信小程序搜索框组件代码实例
这篇文章主要介绍了微信小程序搜索框组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
全面解析JavaScript中的valueOf与toString方法(推荐)
本文给大家介绍JavaScript中的valueOf与toString方法，valueOf() 方法可返回 Boolean 对象的原始值，toString() 方法可把一个逻辑值转换为字符串，并返回结果。对js中valueof和tostring相关知识感兴趣的朋友一起学习吧
2016-06-06