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编程起步(第七课)
Jan 10 Javascript
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
javascript与cookie 的问题详解
Nov 11 Javascript
JavaScript代码复用模式详解
Nov 07 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
javascript HTML+CSS实现经典橙色导航菜单
Feb 16 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 Javascript
限制只能输入数字的实现代码
May 16 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
Aug 05 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
vue中的provide/inject的学习使用
May 09 Javascript
VUE安装使用教程详解
Jun 03 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 变量未定义等错误的解决方法
2011/01/12 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
浅谈Laravel队列实现原理解决问题记录
2017/08/19 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
THINKPHP-Apache服务器中使用Alias虚拟目录URL重写 隐藏index.php
2021/03/09 PHP
js 浮动层菜单收藏
2009/01/16 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
jquery和雅虎的yql服务实现天气预报服务示例
2014/02/08 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
jQuery 移动端artEditor富文本编辑器
2016/01/11 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
探索webpack模块及webpack3新特性
2017/09/18 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
JavaScript类的继承多种实现方法
2020/05/30 Javascript
Python 的 Socket 编程
2015/03/24 Python
Linux下为不同版本python安装第三方库
2016/08/31 Python
Python序列操作之进阶篇
2016/12/08 Python
Python装饰器原理与简单用法实例分析
2018/04/29 Python
Python获取系统所有进程PID及进程名称的方法示例
2018/05/24 Python
Python初学者常见错误详解
2019/07/02 Python
Python3远程监控程序的实现方法
2019/07/15 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
武汉瑞得软件笔试题
2015/10/27 面试题
中级会计职业生涯规划范文
2014/01/16 职场文书
小学班主任评语大全
2014/04/23 职场文书
运动会演讲稿200字
2014/08/25 职场文书
python OpenCV学习笔记
2021/03/31 Python
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android