咕咕鸟-古琴 2015-05-08 09:11 采纳率: 57.1%
浏览 1470
已采纳

网页图片切换css3和js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档 <!-- .headbanner { position:absolute; left:44px; top:57px; width:1000px; height:280px; z-index:1; margin:0px; padding:0px; overflow:hidden; } .banner { position:absolute; left:0px; top:0px; height:280px; z-index:1; margin:0px; transition: margin-left 2s; -moz-transition: margin-left 2s; /* Firefox 4 */ -webkit-transition: margin-left 2s; /* Safari 和 Chrome */ -o-transition: margin-left 2s; /* Opera */ } li{ list-style-type:none; float:left; display:block; width:1000px; height:280px; } --> function changeimage(){ document.getElementById("banner").style.marginLeft="-1000px"; }




网页图片的切换做出来了,但是其中过渡有问题,当我点击更换图片的时候并不是平滑的滑过去,而是剩下的地方变成白色,然后2s时间过去后,才会变成第二张图片。

  • 写回答

1条回答 默认 最新

  • foreach_break 2015-05-08 09:18
    关注

    可以考虑用d3.js或者jQuery的Animation来实现,效果很好!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥50 如何增强飞上天的树莓派的热点信号强度,以使得笔记本可以在地面实现远程桌面连接
  • ¥15 MCNP里如何定义多个源?
  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏