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 密码强度验证(兼容IE,火狐,谷歌)
Mar 15 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
Dec 04 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
PHPExcel中的一些常用方法汇总
Jan 23 Javascript
详解JavaScript中void语句的使用
Jun 04 Javascript
JavaScript文档碎片操作实例分析
Dec 12 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
javascript 中事件冒泡和事件捕获机制的详解
Sep 01 Javascript
JavaScript使用Math.random()生成简单的验证码
Jan 21 Javascript
用JS实现飞机大战小游戏
Jun 09 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的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
Javascript中判断一个值是否为undefined的方法详解
2016/09/28 Javascript
vue2.0+webpack环境的构造过程
2016/11/08 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
2016/12/13 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
浅谈Vue.js组件(二)
2019/04/09 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
手把手教你Python yLab的绘制折线图的画法
2019/10/23 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
护理专业本科生自荐信
2013/10/01 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
幼儿园教师个人反思
2014/01/30 职场文书
婚纱店策划方案
2014/05/22 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
MySQL中order by的执行过程
2022/06/05 MySQL