css实现图片切换
答：CSS1对页面进行一个基本的设置。2对p进行一个基本的设置，使之出现滚动条。3将第二，三，四张照片的透明度设置为0.4建立图片切换动画的动画帧。动画开始时，图片透明度为1，动画单次进行结束后，透明度为2.5对每张图片进行动画设置。6设置每张图片的显示时间。7这是图片切换时的效果。
答：CSS能更换的图片，只能存在于样式中。所以，这个图片也只能是背景图片。一般是结合：hover来实现的。例如：.mydiv{ background:图片1 no-repeat;height:100px;widht:100px;} .mydiv:hover{ background:图片2 no-repeat;} 这样就实现了图片1和图片2的鼠标移上去的切换。CSS层叠样式表(英文全称：...
答：使用jquery的toggle方法进行图片切换：(function(){ ("#h1").toggle(function(){ ("#h1").css("background-image","路径('./20110528073501b54e6.jpg')");},function(){ ("#h1").css("background-image","路径('./2011060708410874041.jpg')");})}) CSS .hh1{ background: url("./...
答：我实现的是，有5张图，每次只显示一张图片，点按钮切换。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> body{ margin:0;font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;} ul{...
答：完全可以，用css的重复播放动画的功能实现自动切换。做了个小例子，你可以看看，基本的思路就这样了，效果还比较不错啦。这个思路还可以用来作为图片滚动播放的例子呢。body部分代码： css的代码：{ padding:0;margin:0;} html,body{ overflow-x:hidden;overflow-y:auto;...
答：因为你用了两张图片，如果某条样式没有调用，那么该样式定义的包括图片背景设定都会不起作用，当调用的时候不如a:hover，这个时候杨时才起作用，才开始调用图片。要避免这个问题，可以将两张背景图片合成一张，在css中背景定义同一张图片，但是在背景位置中定义不同的值。
答：相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片。2.设置动画：然后使用css3动画，通过对photos进行位移，从而达到显示不同的图片，每次偏移一个图片的宽度，即可显示下一张图片。4张图片，需要切换3次.根据需要可以对各个图片添加相应的序号和图片简介。3.代码如下：复制代码 1 2 #fr...
答：给你的那个类标签CSS代码中加上鼠标事件：例如：.allcurrent a:hover{background-img:***;} 即可。
答：我看csdn右侧图片切换有点类似opacity的变化，那么楼主不妨用keyframes方法在opacity上做文章；例如：先定义一个keyframe keyframes qiehuan { 30%{opacity:1;} 60%{opacity:0;} } 之后为图片容器做一个类：.container{ /*这里长宽高边框边距之类的东西你自己随便写。*/ } 然后为你的图片们定义专属类...
答：首先 写多个背景的class 比如 .imgA {background: url(demo1.jpg) no-repeat;} .imgB {background: url(demo2.jpg) no-repeat;} ...然后在需要切换背景的层上用js替换class就行
网友评论：
薛郝19189424765：
CSS怎么实现更换图片? -
3816宁夜
： CSS能更换的图片,只能存在于样式中.所以,这个图片也只能是背景图片. 一般是结合:hover来实现的.例如: .mydiv{ background:图片1 no-repeat; height:100px; widht:100px; } .mydiv:hover{ background:图片2 no-repeat; } 这样就实现...
薛郝19189424765：
如何用CSS实现鼠标移动到某张图片时变成另一张图片 -
3816宁夜
： <style> .test{display:block;width:100px;height:100px;background:url(xxx.jpg)} .test:hover{background:url(yyy.jpg)} </style> <a class=＂test＂ href=＂#＂></a>也可以这样做: a容器,,,b图片一,,,c图片二,,bc都定位在A里 a容器 c图片二{display:none;} a容器:hover B图片一{display:none;} a容器:hover c图片二{display:block;}还有很多很多方法,,,不过建议直接用JS来实现吧,,网上现成代码很多...
薛郝19189424765：
CSS背景图片怎么切换? -
3816宁夜
： 假设img的id为aa <script type=＂text/javascript＂> function ck_type1(){ document.getElementById(＂aa＂).style.src=＂biao2.png＂; } function ck_type2(){ document.getElementById(＂aa＂).style.src=＂biao1.png＂; } </script> <img src=＂ren1.png＂ style=＂float:left;margin-top:3px;＂ onmouseover=＂ck_type1()＂ onmouseout=＂ck_type2()＂>
薛郝19189424765：
如何用CSS样式实现图片交换
3816宁夜
：一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现,但那要...
薛郝19189424765：
只是图片的切换,特效怎么弄 -
3816宁夜
： 多试几次即可掌握.现在具体讲一下CSS控制实现图片切换效果!首先制作一个ID为abc的div宽度50px;高度50px;高度50px;a标签的块形式代码如下:字体然后设置div的背景图片比如图片名为bj;在abc里面随便打一个字设置一个空链接.然后定义abc宽度50px.'鼠标经过图像'功能简单明了.不需多讲在DreamWeaver中实现鼠标图片切换效果可以使用'鼠标经过图像'功能来实现也可以用CSS控制来实现.gifCSS代码变为:最后设置鼠标经过的样式比如鼠标经过图片为bjj.gifCSS代码变为如下
薛郝19189424765：
求一个,鼠标放在图片上自动切换图片的css代码. -
3816宁夜
： 用伪类 比如 #id{background:url(xxx.jpg)} #id:hover{background:url(aaa.jpg)} 这样只能切换两张图 如果要切换多张就要用js
薛郝19189424765：
HTML中 CSS+DIV+JS 怎么实现图片切换的特效呢, 百叶窗,淡出淡进之类的呢?
3816宁夜
： ie浏览器中有自带的切换效果可供调用;其它浏览器的话得自己写程序定位,如淡入淡出可以利用设置css的opacity属性实现;百叶窗可以利用程序生成N个div,每个div的背景图为你要加载的图,然后设置好每个div的位置即可***** 我建议你看看论坛的精华,问题迎刃而解.---->
薛郝19189424765：
能不能用css3做一个图片切换效果, -
3816宁夜
： 你说的切换是什么样的切换,鼠标经过切换,还是像淘宝网上的图片自动切换.如果是鼠标经过切换,用a的伪类hover就可以实现.像淘宝上的自动切换还得用到js
薛郝19189424765：
给个div+css写的JS图片切换的代码 急 -
3816宁夜
： <img id=＂a＂> <script> var arr = new Array(＂图片1＂,＂图片2＂,＂图片3＂ ) var l = arr.length; function b(i){if(i>=l){i=0}document.image[＂a＂].src = arr[i];setTimeout(＂b(＂+(i+1)+＂)＂, 1000); } b(0); </script>
薛郝19189424765：
dw DIV+CSS实现图片自动切换 -
3816宁夜
： 给你的那个类标签CSS代码中加上鼠标事件:例如:.allcurrent a:hover{background-img:*********;}即可.
