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


Posted in Javascript onFebruary 25, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js文字滚动停顿效果代码
Jun 28 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
Jan 06 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
angular4 如何在全局设置路由跳转动画的方法
Aug 30 Javascript
layui问题之模拟select点击事件的实例讲解
Aug 15 Javascript
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
jQuery实现动态向上滚动
Dec 21 jQuery
vue实现在data里引入相对路径
Jun 05 Vue.js
Javascript中获取对象的原型对象的方法小结
Feb 25 #Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 #Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 #Javascript
JS实现自适应高度表单文本框的方法
Feb 25 #Javascript
如何编写高质量JS代码(续)
Feb 25 #Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 #Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 #Javascript
You might like
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
xml+php动态载入与分页
2006/10/09 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
JavaScript的Cookies
2008/01/16 Javascript
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
Javascript缓存API
2016/06/14 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
2017/07/31 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
微信小程序实现城市列表选择
2018/06/05 Javascript
js实现购物车功能
2018/06/12 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
原生js实现表格翻页和跳转
2020/09/29 Javascript
[49:54]Ti4 循环赛第三日 LGD vs Titan
2014/07/12 DOTA
python顺序执行多个py文件的方法
2019/06/29 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
房产销售员2015年终工作总结
2015/10/22 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书
读《方与圆》有感:交友方圆有度
2020/01/14 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android