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 相关文章推荐
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
Feb 26 Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
js中事件对象和事件委托的介绍
Jan 21 Javascript
小程序绑定用户方案优化小结
May 15 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获取url的函数代码
2011/08/02 PHP
详解PHP内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
php将html转为图片的实现方法
2017/05/19 PHP
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
html 锁定页面(js遮罩层弹出div效果)
2009/10/27 Javascript
jQuery下的动画处理总结
2013/10/10 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
RequireJS用法简单示例
2018/08/20 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python设计模式之观察者模式实例
2014/04/26 Python
python进阶教程之函数对象(函数也是对象)
2014/08/30 Python
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
基于Python log 的正确打开方式
2018/04/28 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
Python3 使用pillow库生成随机验证码
2019/08/26 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
.NET常见笔试题集
2012/12/01 面试题
水果连锁超市创业计划书
2014/01/24 职场文书
金融管理毕业生求职信
2014/03/03 职场文书
建筑结构施工求职信
2014/07/11 职场文书
预备党员党支部意见
2015/06/02 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
Python绘制散乱的点构成的图的方法
2022/04/21 Python