⑴ 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,表示的是不平鋪。