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的面向对象(二)
Nov 09 Javascript
jQuery Tools Dateinput使用介绍
Jul 14 Javascript
JS判定是否原生方法
Jul 22 Javascript
jquery改变disabled的boolean状态的三种方法
Dec 13 Javascript
js 对小数加法精度处理示例说明
Dec 27 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 Javascript
javascript实现数字倒计时特效
Mar 30 Javascript
JavaScript实现购物车基本功能
Jul 21 Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 Javascript
一个小时快速搭建微信小程序的方法步骤
Apr 15 Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 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循环跳出的问题
2013/07/01 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
python进程与线程小结实例分析
2018/11/11 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
JQUERY获取form表单值的代码
2010/07/17 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
vue-cli3单页构建大型项目方案
2020/04/07 Javascript
Django中几种重定向方法
2015/04/28 Python
python实现用于测试网站访问速率的方法
2015/05/26 Python
Python中optparser库用法实例详解
2018/01/26 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
python数据归一化及三种方法详解
2019/08/06 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
django 解决扩展自带User表遇到的问题
2020/05/14 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
国家励志奖学金获奖感言
2014/01/09 职场文书
文明村创建实施方案
2014/03/27 职场文书
中文专业求职信
2014/06/20 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
初中班主任工作总结2015
2015/05/13 职场文书