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取得html iframe中的元素和变量值
Jun 30 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
js修改onclick动作的四种方法(推荐)
Aug 18 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
JS中SetTimeout和SetInterval使用初探
Mar 23 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
Aug 17 Javascript
详解iview的checkbox多选框全选时校验问题
Jun 10 Javascript
vue el-table实现自定义表头
Dec 11 Javascript
jQuery实现简单QQ聊天框
Aug 27 jQuery
我所理解的JavaScript中的this指向
Sep 04 Javascript
vue+swiper实现左右滑动的测试题功能
Oct 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 中的输出缓冲
2006/12/21 PHP
PHP学习 变量使用总结
2011/03/24 PHP
php各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
Javascript 类与静态类的实现
2010/04/01 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
JS利用cookies设置每隔24小时弹出框
2017/04/20 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
nodejs异步编程基础之回调函数用法分析
2018/12/26 NodeJs
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
Python 比较两个数组的元素的异同方法
2017/08/17 Python
解读python如何实现决策树算法
2018/10/11 Python
Python GUI库PyQt5图形和特效样式QSS介绍
2020/02/25 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
CSS3 实现的加载动画
2020/12/07 HTML / CSS
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
优秀毕业生求职信范文
2014/01/02 职场文书
万年牢教学反思
2014/02/15 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
教师党员自我评价2015
2015/03/04 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书