1、html中怎樣定時變換背景圖片
一般是用腳本實現。
示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style type="text/css">
#bg_body{
background:url(1.jpg) no-repeat center #eee;
background-attachment:fixed;
height:1000px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var oBody=document.getElementById('bg_body');
var oS=oBody.style;
function BgChenge(){
oS.backgroundImage='url(2.jpg)';
};
function BgPosition(){
oS.backgroundRepeat='no-repeat';
oS.backgroundPosition='center';
oS.backgroundAttachment='fixed';
};
function LoadMethod(){
BgChenge();
BgPosition()
};
setInterval(LoadMethod,1000);
};
</script>
</head>
<body id="bg_body">
</body>
</html>
你背景圖片就設置了一個.jpg再切換也是這一張圖片啊
如果有多張圖片比如說1-10.jpg，那就把oS.backgroundImage='url(2.jpg)';改為oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)';
2、如何實現網頁背景圖片自動更換
換網頁背景色或圖片
不知道是不是光換個背景和圖片
如果要換網站整體的背景和圖片風格的話
寫出各種顏色下的css文件
點擊按鈕的時候更換相對應的css文件就可以了！
3、在網頁製作是如何實現圖片切換
在DreamWeaver中實現滑鼠圖片切換效果 可以使用 『滑鼠經過圖像』 功能來實現
也可以用CSS控制來實現。
『滑鼠經過圖像』 功能簡單明了。不需多講，多試幾次即可掌握。
現在具體講一下 CSS控制實現 圖片切換效果！
首先製作一個 ID為abc 的div 寬度50px; 高度50px; 在abc裡面隨便打一個字 設置一個空鏈接。
然後定義 abc 寬度50px; 高度50px; a標簽的塊形式 代碼如下：
<style type="text/css">
<!--
#abc a {
height: 50px;
width: 50px;
display: block;
}
-->
</style>
<!--注意上面才是CSS代碼，下面是div-->
<div id="abc"><href="#">字體</a></div>
然後設置 div的背景圖片 比如圖片名為 bj.gif
CSS代碼變為：
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
-->
</style>
最後 設置滑鼠經過的樣式 比如 滑鼠經過圖片為 bjj.gif
CSS代碼 變為如下：
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
#abc a:hover {
background-image: url(bjj.gif);
}
-->
</style>
4、想實現一個功能：網頁背景圖片每天自動更換
<html>
<body id="kk" background="1.jpg">
測試<br>
</body>
<script type="text/javascript">
// 下面是用遞歸寫的，一定要加在網頁末端，注意背景圖片地址，自己根據情況改
function change(){
var myDate() = new Date()();
// 每天換背景圖片
flag = myDate().getDate(); //獲取當前日(1-31)
// 這句注釋可以去掉看看效果，每分鍾換一張圖片，因為一天時間太長了不便於調試
//flag = myDate.getMinutes(); //獲取當前分鍾數(0-59)
var img1= document.getElementById('kk');
//比如你有三張背景圖，1.jpg,2.jpg和3.jpg，
//判斷時間中的日：1-31，或者1-30（還有其他的閏 年就不舉例了）和3的余數
//然後加1，因為余數范圍0-2
// 你的描述有點隱晦，你有幾張圖片輪換，什麼時候顯示，可以根據時間設定flag規則
flag = flag%3+1;
img1.style.background="url("+flag+".jpg)";;
// 注意函數格式：function(){函數名}
window.setTimeout(function(){change()},1000);//每隔一秒判斷一次系統時間
}
change();
</script>
</html>
5、HTML網頁設計中可自切換的動態圖片框如何製作？
這個是用JS或者是Jquery來實現。單獨用html還實現不了，當然我這里說的html是指html 4
6、怎樣設置在網頁中背景圖片的自動更換
var imgs = ["1.jpg","圖片url","圖片url"];
var s = 0;
function bj(){
var by = document.getElementById("body"); //通過id獲取元素
by.style.background = "url('"+imgs[s]+"')";
s++;
if(s==imgs.length){s = 0;}
};
window.onload = function(){
setInterval("bj()",1000); //每隔一秒執行一次前面方法
};
可以回參考參考 。可以簡單的切換答背景
7、網頁設計中如何實現圖片的自動切換，好想動畫效果似的，但不是插入的視頻，如下圖所示
試試這個圖片輪播
有12345數字一起切換
有小圖大圖一起切換
裡面有教程和源碼
8、網頁表格背景圖片自動切換 通過js或css怎麼來做
定時切換就要用到setInterval，通過選擇器定位目標節點，設定樣式
9、html5+css3實現圖片自動切換
既然樓主的問題竟然一年沒找到滿意答案……
不才剛剛開始學css3，願意跟樓主分享一下圖片切換心得。 如果樓主現在已經找到了解決方案，那請樓主無視我的答案。
首先，lp52761十五級大神的答案貌似不是很確切，其實css3+html5非常強大，基本上可以脫離js，除非要做出能響應移動設備觸屏事件的網站，或者我的觀點也落伍了，html5+css3也可以做出觸屏響應特效。
我看csdn右側圖片切換有點類似opacity的變化，那麼樓主不妨用keyframes方法在opacity上做文章；例如：
先定義一個keyframe
@keyframes qiehuan {
30%{opacity:1;}
60%{opacity:0;}
}
之後為圖片容器做一個類：
.container{
/*這里長寬高邊框邊距之類的東西你自己隨便寫。*/
}
然後為你的圖片們定義專屬類：
.tupianmen{
position:absolute;
//此處調用keyframe方法
animation:qiehuan 20s infinite;
opacity:0;
}
然後用css3獨有的nth-child選擇器來選擇你要切換的圖片
img:nth-child(4){animation-delay:0s;}
img:nth-child(3){animation-delay:5s;}
img:nth-child(2){animation-delay:10s;}
img:nth-child(1){animation-delay:15s;}
接下來你就可以寫html了：
<!DOCTYPE html>
<html>
...... 略掉雜七雜八的東西......
<div class="container">
<img class="tupianmen" src="你的圖片1" />
<img class="tupianmen" src="你的圖片2" />
<img class="tupianmen" src="你的圖片3" />
<img class="tupianmen" src="你的圖片4" />
</div>
</html>
寫完之後保存，查看效果如何
對了，差點忘了，如果用不同瀏覽器的話，可能需要簡單更改一下keyframe或者animation的前綴，比如加一個-webkit-才行。
望採納。。。
10、怎樣設置在網頁中背景圖片的自動更換?
方法一：在html文件中設置
html的中有兩個關於背景的屬性，其中的background用來設置背景圖片。示例如下：
如果背景圖片小於網頁顯示窗口，那麼這個背景圖片會自動重復。
為保證瀏覽器載入網頁的速度，建議盡量不要使用位元組過大的圖片作為背景圖片。
可以參考這個網站的教程和示例：
http://www.blabla.cn/html_tutorials/045_html_bgcolor_background.html
方法二：在css文件中設置
css的背景圖片屬性
示例：
可以參考這個網站的教程和示例：
http://www.blabla.cn/css_tutorials/020_css_background.html
參考資料：
http://www.blabla.cn/html_tutorials/index.html