当前位置: 首页 > 编程笔记 >

JS实现让网页背景图片斜向移动的方法

金坚
2023-03-14
本文向大家介绍JS实现让网页背景图片斜向移动的方法,包括了JS实现让网页背景图片斜向移动的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js实现点击图片改变页面背景图的方法,包括了js实现点击图片改变页面背景图的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现点击图片改变页面背景图的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JS实现往下不断流动网页背景的方法,包括了JS实现往下不断流动网页背景的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现往下不断流动网页背景的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍js实现背景图片感应鼠标变化的方法,包括了js实现背景图片感应鼠标变化的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现背景图片感应鼠标变化的方法。分享给大家供大家参考。具体分析如下: 鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下: 希望本文所述对大家的javasc

  • 本文向大家介绍pyqt5实现按钮添加背景图片以及背景图片的切换方法,包括了pyqt5实现按钮添加背景图片以及背景图片的切换方法的使用技巧和注意事项,需要的朋友参考一下 简介 对与控件QPushButton中的可以使用setStyleSheet设置它背景图片。具体设置背景图片的方法有两种 然而对于这种方法背景图片无法进行边框的自适应,可以使用下面的方法 可以做到自适应边框。 代码 代码里面有两个图片

  • 本文向大家介绍如何设置网页背景图片?,包括了如何设置网页背景图片?的使用技巧和注意事项,需要的朋友参考一下 要设置网页的背景图像,请使用CSS样式。在CSS <style>标记下,添加属性background-image。该属性设置诸如jpg,png,svg,gif等的图形。HTML5不支持<body>背景属性,因此CSS用于更改设置的背景图像。 示例 您可以尝试使用以下代码在HTML中设置网页的

  • 本文向大家介绍js实现图片粘贴到网页,包括了js实现图片粘贴到网页的使用技巧和注意事项,需要的朋友参考一下 本文实例实现通过按下ctrl + v将粘贴板上的图片粘贴到网页中,话不说直接上代码 演示结果 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。