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 可以拖动的DIV(二)
Jun 26 Javascript
jquery tab标签页的制作
May 10 Javascript
浅析JavaScript中的类型和对象
Nov 29 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
jquery表单验证插件formValidator使用方法
Apr 01 Javascript
纯JS代码实现一键分享功能
Apr 20 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 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
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
PHP中的日期及时间
2006/11/23 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
php无序树实现方法
2015/07/28 PHP
PHP7 弃用功能
2021/03/09 PHP
番茄的表单验证类代码修改版
2008/07/18 Javascript
Js sort排序使用方法
2011/10/17 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
浅谈express 中间件机制及实现原理
2017/08/31 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
解决vue2中使用elementUi打包报错的问题
2020/09/22 Javascript
[01:03:03]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
Python设计模式之抽象工厂模式
2016/08/25 Python
Python 文本文件内容批量抽取实例
2018/12/10 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
django框架模板语言使用方法详解
2019/07/18 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
python openCV获取人脸部分并存储功能
2019/08/28 Python
django model通过字典更新数据实例
2020/04/01 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
Python项目实战之使用Django框架实现支付宝付款功能
2021/02/23 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
大学生实习期自我评价范文
2013/10/03 职场文书
会计专业导师推荐信
2014/03/08 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
综合管理员岗位职责
2015/02/11 职场文书
活动新闻稿范文
2015/07/17 职场文书
2015中学学校工作总结
2015/07/20 职场文书
Pandas 稀疏数据结构的实现
2021/07/25 Python
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技