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 相关文章推荐
浅谈javascript的原型继承
Jul 25 Javascript
js字符串转成JSON
Nov 07 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
理解javascript中的with关键字
Feb 15 Javascript
IScroll5 中文API参数说明和调用方法
May 21 Javascript
JS判断字符串变量是否含有某个字串的实现方法
Jun 03 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
微信小程序实现购物车小功能
Dec 30 Javascript
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
php 文件上传实例代码
2012/04/19 PHP
PHP对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
2015/01/22 PHP
php动态函数调用方法
2015/05/21 PHP
php验证码生成器
2017/05/24 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
使用jQuery简化Ajax开发 Ajax开发入门
2009/10/14 Javascript
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
Javascript 类、命名空间、代码组织代码
2011/07/31 Javascript
asm.js使用示例代码
2013/11/28 Javascript
PHP PDO操作总结
2014/11/17 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
javascript cookie基础应用之记录用户名的方法
2016/09/20 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
JS前端笔试题分析
2016/12/19 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
python实现图片彩色转化为素描
2019/01/15 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
查看keras的默认backend实现方式
2020/06/19 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
Python 远程开关机的方法
2020/11/18 Python
Otel.com:折扣酒店预订
2017/08/24 全球购物
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
俄罗斯香水和化妆品在线商店:Aroma-butik
2020/02/28 全球购物
大学班级计划书
2014/04/29 职场文书
4s店销售经理岗位职责
2014/07/19 职场文书
婚前协议书标准版
2014/10/19 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
垂直极限观后感
2015/06/08 职场文书
单位车辆管理制度
2015/08/05 职场文书
python ConfigParser库的使用及遇到的坑
2022/02/12 Python
Rust中的Struct使用示例详解
2022/08/14 Javascript