咕咕鸟-古琴 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来实现,效果很好!

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

报告相同问题?

悬赏问题

  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?