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 相关文章推荐
动态控制Table的js代码
Mar 07 Javascript
javascript 自动转到命名锚记
Jan 10 Javascript
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
javascript实现动态侧边栏代码
Feb 19 Javascript
Angularjs 创建可复用组件实例代码
Oct 09 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 Javascript
JS如何定义用字符串拼接的变量
Jul 11 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
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实现微信发红包
2015/12/05 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
JavaScript 事件系统
2010/07/22 Javascript
JS简单实现文件上传实例代码(无需插件)
2013/11/15 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
2014/10/17 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
2015/03/02 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
基于vue组件实现猜数字游戏
2020/05/28 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
egg.js的基本使用和调用数据库的方法示例
2019/05/18 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
python根据时间生成mongodb的ObjectId的方法
2015/03/13 Python
django框架使用orm实现批量更新数据的方法
2019/06/21 Python
django实现模板中的字符串文字和自动转义
2020/03/31 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
CSS3属性box-shadow使用详细教程
2012/01/21 HTML / CSS
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
html5 制作地图当前定位箭头的方法示例
2020/01/10 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
大学生学期自我鉴定
2014/03/19 职场文书
《长相思》听课反思
2014/04/10 职场文书
新年寄语大全
2014/04/12 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
小学教师年度个人总结
2015/02/05 职场文书
财政局长个人总结
2015/03/04 职场文书
同学聚会通知书
2015/04/20 职场文书
2015年行政人事工作总结
2015/05/21 职场文书
工作表现证明
2015/06/15 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python