㈠ 怎么用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的动画内容是什么,你没有写啊