⑴ html5怎样设置一个背景图片随着滚轮变动
我大概理解到了你的意思，是想实现背景的视觉差效果吧。如果是这个的话两种方法，
一种是设置background-attachment:fixed;背景固定了
另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。
你说的这个是单页面效果。我给你个网址上面有好多这样的 www.jq22.com
⑵ html中背景图片,鼠标移动上去之后切换为另一个图片
a:hover{
background-img:url(a.jpg);
}
⑶ html中怎样定时变换背景图片
1.准备相关图片(1.jpg,2.jpg...n.jgp)
2.编写一个html页面 用以显示图片
并设置为自动定时更新图片
3.将改html页面 设置为桌面背景
该“桌面”隔定时自动刷新 更新图片显示
===============================================
1.将自己需要的图片 如英语小卡片 名人名言等
集结在一个文件夹下 并进行命名 如1.jpg,2.jpg...
这样在最后的桌面上 就可以学习英语或名言了
2.编写如下示例的html页面 放在该图片文件夹中
假设该html页面 名称为myPicDesktop.html
其中之所以设置td的宽度为50%
是想控件图片的显示位置在桌面的右半部
因为通常桌面的左半部都有很多图标
示例代码如下:
<html>
<head>
</head>
<script language="javascript">
window.onload=refleshDesktopPic
function refleshDesktopPic()
{
var i = 1;
var j = 0; //图片的顺序号
var k = 8; //图片的张数
var m = 30*1000; //每张显示的时间 毫秒
var n = 2; //循环遍数
//
while(i<=(n*k))
{
j= i%k;//应该循环第几张图片以显示
if(j==0)
j=k;//最后一张图片的序号
//隔一短时间后 再替换为另一张图片
setTimeout("setPic("+j+")",(m*i) );
i = i+1;
}
}
function setPic(picSeqNum)
{
document.all.myDiv.innerHTML = "<image id='image2' src='"+picSeqNum+".jpg'></image>";
}
</script>
<body>
<table width="100%">
<tr>
<td width="50%">
</td>
<td>
<div id="myDiv">
<image id="image1" src="1.jpg"></image>
</div>
</td>
</tr>
</table>
</body>
</html>
3.以Win2003系统为例
桌面->右键->属性->桌面标签页
->自定义桌面->打开“桌面项目”设置框
->Web标签页
->点击 新建 按钮
->打开 “新建桌面项目”设置框
->点击 浏览 按钮
->找到 第2步所编辑的myPicDesktop.html
->确定 ->应用 ->确定
可以查看效果
起初 该html页面做为桌面 并没有最大化展开
而是 缩小的显示在桌面的右中部
可以鼠标放上去 在页面的右上角 点击最大化按钮
以使html页面有桌面那么大显示
当想关闭该html页面时 同样点击该页面的右上角的关闭按钮即可
就像正常的网页一样操作就好
⑷ html浮动后背景图移动
设置html背景图像位置的方法是在背景图像中添加背景位置属性，然后单击【背景位置： center； 】。
正文操作环境： windows10系统、html 5、thinkpad t480电脑。
如果要在html代码中移动背景图像的位置，可以使用背景位置属性。 很多学生可能还不知道这个属性，下面介绍这个属性。
背景位置属性用于设置背景图像的开始位置。
一般属性值如下： 左顶
左中心
左底
光之最
代码示例：
php中文网(php.cn ) body
{
背景图像： URL (smiley.gif )；
后台- repeat :否- repeat；
后台-附件：固定；
背景定位：中心；
}
注意：此属性在Firefox和Opera中运行，后台附件属性设置为“固定”。
可以将上面的代码本地复制，然后运行以查看效果。
⑸ html中如何将背景图片横向拉伸
在CSS里用 background属性之后用他俩 repeat-x 、 repeat-y 一纵向一横向自己试这用
⑹ 如何在html中设置背景图片
1、设置背景图片只需在css样式中设置backgroud-image属性：
<style type="text/css" >
body{
background-image:url(你的图片地址);
background-position:center;
background-repeat:repeat-y；
}
</style>
2、其中， background-image:url(你的图片地址)表示背景图片的存放路径；
background-position:表示的是背景图片的位置，主要有top(上)、bottom（下）、left(左)、right(右)这四个取值；
background-repeat:表示的图片的平铺方式。默认情况是平铺，一般设置为no-repeat,表示的是不平铺。