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 相关文章推荐
基于JQuery的Pager分页器实现代码
Jul 17 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
Javascript对象属性方法汇总
Nov 21 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
分享一个精简的vue.js 图片lazyload插件实例
Mar 13 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
Vue中util的工具函数实例详解
Jul 08 Javascript
微信小程序实现手势滑动效果
Aug 26 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
JavaScript监听触摸事件代码实例
Dec 30 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
May 27 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常用数组函数介绍
2014/07/28 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
2006/06/26 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
webpack配置之后端渲染详解
2017/10/26 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
python交互模式基础知识点学习
2020/06/18 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
如何利用Python写个坦克大战
2020/11/18 Python
python里glob模块知识点总结
2021/01/05 Python
Amaze UI 文件选择域的示例代码
2020/08/26 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
俄罗斯在线服装店:STOLNIK
2021/03/07 全球购物
优秀大学生推荐信范文
2013/11/28 职场文书
化学教师自荐信范文
2013/12/28 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
入股协议书范本
2014/04/14 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
停课通知书
2015/04/24 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
入党申请书怎么写?
2019/06/11 职场文书