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 add event remove event
Apr 07 Javascript
javascript 面向对象全新理练之原型继承
Dec 03 Javascript
js算法中的排序、数组去重详细概述
Oct 14 Javascript
详解参数传递四种形式
Jul 21 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
JS实现字符串去重及数组去重的方法示例
Apr 21 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
Jul 26 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
Dec 16 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 抓取网页图片并且另存为的实现代码
2010/03/24 PHP
thinkphp实现like模糊查询实例
2014/10/29 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
详细解读PHP的Yii框架中登陆功能的实现
2015/08/21 PHP
PHP ADODB生成HTML表格函数rs2html功能【附错误处理函数用法】
2018/05/29 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
2015/12/15 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
jquery中validate与form插件提交的方式小结
2016/03/26 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
Python3多线程版TCP端口扫描器
2019/08/31 Python
Django 404、500页面全局配置知识点详解
2020/03/10 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
俄罗斯GamePark游戏商店网站:购买游戏、游戏机和配件
2020/03/13 全球购物
中层干部岗位职责
2013/12/18 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
村抢险救灾方案
2014/05/09 职场文书
应届毕业生求职信
2014/05/26 职场文书
市场营销策划方案
2014/06/11 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
结婚保证书(卖身契)
2015/02/26 职场文书