css怎麼滑動圖片

㈠ 怎麼用CSS代碼實現，好多圖片橫向的不間斷滾動

你好！CSS實現不了，配合JS才行
代碼如下：
<style type="text/css">
<!--
#demo {overflow:hidden;width:740px; }
#indemo { float: left; width: 800%;}
#demo1 { float: left; }
#demo2 { float: left;margin-left:7px;}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="1.jpg" alt="#" /></a>
<a href="#"><img src="1.jpg" alt="#" /></a>
<a href="#"><img src="1.jpg" alt="#" /></a>
<a href="#"><img src="1.jpg" alt="#" /></a>
<a href="#"><img src="1.jpg" alt="#" /></a>
<a href="#"><img src="1.jpg" alt="#" /></a>
</div>
<div id="demo2"></div>
</div>
</div>

<script>
<!--
var speed=10; //數字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

㈡ 如何在css中把一組靜態圖片改成動態滾動的圖片

連續的滾動可以使用css3實現（animat,0%,50%,100%），設置不同時間的圖片位置即可。但只是在「滾動」，通常不是大家所稱之為的「滾動」（嚴格說是滑動）。
因此說，你的問題有一定的歧義的。

css3還有一種方法可以實現滾動。就是使用過度效果（transition），他也可以實現滾動的效果。而且，個人感覺比較符合你的意思。

其具體的做法是，給超鏈接滑過狀態一個圖片屬性，如：
li a img {margin-top:0px;}
li a:hover img {margin-top:-20px;}
li a img {-webkit-transition: margin-top 0.5s;}/*注意這里的hack，照顧多個瀏覽器*/
這樣，滑鼠滑上圖片，圖片就會動畫向上滑動20像素，滑鼠離開，又滑下來。

再扯下嚴格意義的【動態滾動的圖片】，一般的解釋是一組圖片可以在某個區域內動畫滑動。注意是一組。css通常不具有處理多組圖片（也有css模擬動畫幀的效果的）的效果。動態滾動圖片常見的有2種，一種是可控制的滾動列表，一種是自動無限循環滾動。通常用來作為滾動新聞、組圖或相冊（風采）使用。

㈢ 純html和css實現圖片滾動

marquee神是html自己標簽，可以滾動

㈣ 如何在設置css中將滾動圖片(要上下滾動)設置為滑鼠移動上去後靜止,離開後繼續移動

<marquee onmouseover="this.stop()" onmouseout="this.start()">
<img src="" width="100" height="100"><img src="" width="100" height="100"><img src="" width="100" height="100"><img src="" width="100" height="100">
</marquee>

㈤ 怎麼用DIV+CSS做5個圖片滾動帶鏈接的效果。

css和div做滾動效果的我沒實現過，都用的js實現的；

效果如下圖

㈥ 關於CSS怎麼設置滾動背景圖

我建議你用css3來寫，就是寫一個小動畫

具體怎麼動，你改background-position的值就行了。

<style>
@keyframesanimatedBird{
0%{background-position:20px20px;}
50%{background-position:30px30px;}
100%{background-position:300px-90px;}
}
.animate-area{
background:url(....);
animation:animatedBird4slinearinfinite;
}
</style>
<divclass="animate-area"></div>

㈦ CSS 怎麼樣滾動條指定背景圖片

CSS背景圖片不滾動的方法 <STYLE TYPE=」text/css」<!–BODY {background-image: URL(圖片地址); background-position: center; background-repeat: no-repeat; background-attachment: fixed;}–</STYLECSS改變滾動條顏色 在CSS的BODY里輸入： Scrollbar-Face-Color為滾動條表面顏色設定； Scrollbar-Track-Color為滾動條底板顏色設定； Scrollbar-Darkshadow為滾動條下邊和右邊邊沿顏色設定； Scrollbar-Highlight-Color為滾動條上斜面和左斜面顏色設定； Scrollbar-Shadow-Color為滾動條下斜面和右斜面顏色設定； Scrollbar-3Dlight-Color為滾動條上邊和左邊的邊沿顏色設定； Scrollbar-Arrow-Color為滾動條兩端箭頭顏色設定。 例子：<style type=」text/css」body {scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #808080;scrollbar-darkshadow-color: #333333;

㈧ css中怎樣讓內容或圖片滾動

讓圖片和文字滾動以前是用<marquee></marquee>標簽，不過現在已經很少人使用這個標簽了，因為局限性太大！

現在一般都採用JS的方式或jquery具體的看你的具體需求才能使用相應的代碼。

㈨ (急)請問如何利用CSS和JavaScript實現網頁中 輕微轉動滾輪，背景圖片就滑動切換 這樣的效果

定位移動滾動條，滾輪向下滾動一格+1，向上滾動一格-1
例如5個頁面，建立5個div
<divclass="d3-main"style="position:relative;">
<divclass="section"id="d0"style="position:absolute;top:0%;left:0px;"></div>
<divclass="section"id="d1"style="position:absolute;top:100%;left:0px;"></div>
<divclass="section"id="d2"style="position:absolute;top:200%;left:0px;"></div>
<divclass="section"id="d3"style="position:absolute;top:300%;left:0px;"></div>
<divclass="section"id="d4"style="position:absolute;top:400%;left:0px;"></div>
</div>

㈩ 求助！！！css圖片滑動不全

switch的動畫內容是什麼，你沒有寫啊