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 相关文章推荐
JQuery的一些小应用收集
Mar 27 Javascript
基于jQuery试卷自动排版系统
Jul 18 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
JavaScript中的函数嵌套使用
Jun 04 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
Node.js插件安装图文教程
May 06 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
JavaScript仿聊天室聊天记录
Dec 27 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
jquery简易手风琴插件的封装
Oct 13 jQuery
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 JSON格式数据交互实例代码详解
2011/01/13 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP概率计算函数汇总
2015/09/13 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
PHP微信PC二维码登陆的实现思路
2017/07/13 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
PHP程序守护进程化实现方法详解
2020/07/16 PHP
点击文章内容处弹出页面代码
2009/10/01 Javascript
基于jQuery的message插件实现右下角弹出消息框
2011/01/11 Javascript
JavaScript中几种常见排序算法小结
2011/02/22 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
使用angularjs.foreach时return的问题解决
2018/09/30 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
Linux下Python获取IP地址的代码
2014/11/30 Python
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
python实现线程池的方法
2015/06/30 Python
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
python logging模块的使用
2020/09/07 Python
Python文件名匹配与文件复制的实现
2020/12/11 Python
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
物流仓储实习自我鉴定
2013/09/25 职场文书
银行求职信个人范文
2013/12/16 职场文书
财务部经理岗位职责
2014/02/03 职场文书
服务承诺口号
2014/05/22 职场文书
专项法律服务方案
2014/06/11 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书