2 sinat 18323561 sinat_18323561 于 2016.01.29 08:40 提问

网页跑马灯的图片切换特效是如何实现的?

网站里跑马灯图片在切换时的特效是如何用JavaScript实现的,求具体的源代码。

5个回答

WinsenJiansbomber
WinsenJiansbomber   2016.01.29 08:46

用脚本可以做,CSS3也可以做了。

showbo
showbo   Ds   Rxr 2016.01.29 08:53
WinsenJiansbomber
WinsenJiansbomber   2016.01.29 08:54
 <!DOCTYPE>
<html>
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="jimbowhy" />
 </head>
 <body>
  <div id="box" style="position:relative;background:pink;width:300px;height:300px;"></div>
  <script type="text/javascript">
  (function(){
    var s = 2;
    var box = document.getElementById("box");
    var l = +box.getAttribute("left");
    l = l<s? 600:l-s;
    box.setAttribute("left",l);
    box.style.left=l+"px";
    setTimeout(arguments.callee, 30);
  })()
  </script>
 </body>
</html>

u014180504
u014180504   2016.01.29 17:16

用JQ插件,自己动手搞一个就知道了,其实就是拿别人的插件用到自己的程序里

91program
91program   Ds   Rxr 2016.01.29 09:07
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!