发新贴  快速回复

淘宝商品广告效果- 求助一个思路

徐斌4599
2014-12-25 15:33
求助一个思路,实在是想不出来 比如是小于等于0的时候num++  那什么时候num--呢  求助 老师
无为
不知道你具体说的哪个效果?你可以自己动手先写一下,然后在哪里碰到问题了,再把代码提交上来大家一起帮你看。。

2014-12-25 15:37  回复本帖
徐斌4599
forum.php?mod=redirect&goto=findpost&pid=34201&ptid=11151
不知道你具体说的哪个效果?你可以自己动手先写一下,然后在哪里碰到问题了,再把代码提交上来大家一起帮你 ...



就是这个效果 从第一个到最后一个 然后再从最后一个到第一个 js8 定时器基础里面的 谢谢啊 给我点思路啊 实在是不知道怎么写了  什么时候该++ 什么时候该--




2014-12-25 16:05  回复本帖
徐斌4599
forum.php?mod=redirect&goto=findpost&pid=34201&ptid=11151
不知道你具体说的哪个效果?你可以自己动手先写一下,然后在哪里碰到问题了,再把代码提交上来大家一起帮你 ...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
ul li{ margin:0px; padding:0; list-style:none;}
ul,li{ margin:0px; padding:0; list-style:none;}
#div1{width:500px; height:400px; border:#900 1px solid; position:relative;}
img{width:400px; height:400px; margin-left:50px; }
#div1 ul li{width:50px; height:50px; background:#00F; margin-bottom:10px;}
#div2{width:400px; height:400px; float:left;}
.span1{width:50px; height:400px; position:absolute; left:0px; top:0px;}
.span2{width:50px; height:400px; position:absolute; right:0px; top:0px;}
#div1 ul li.ati{ background:#F00;}
</style>
<script>
window.err==function(){
    
    var oDiv=document.getElementById('div1')
    var oLi=document.getElementsByTagName('li')
    var oImg=document.getElementsByTagName('img')[0]
    var arr=['img/1.jpg', 'img/2.jpg', 'img/3.jpg','img/1.jpg', 'img/2.jpg', 'img/3.jpg','img/1.jpg', 'img/2.jpg', 'img/3.jpg','img/1.jpg', 'img/2.jpg', 'img/3.jpg']
    var num=0
    var timer=null
    var now=true
    
    
    function changes(num){
            for(var i=0;i<oLi.length;i++){    //获取所有的a 把样式全部去掉
                oLi[i].className = '';
            }
            oLi[num%oLi.length].className = 'ati';   //求余数 加上样式
            oImg.src = arr[num%arr.length];   //求余数 显示图片 
     }
    
    timer=setInterval(one,1000)
    
    
    function one(){
          
        if(now){
        changes(num);
        if(num==oLi.length-1){
            now=false
            num=num-2
            }
            num++
            }
            else{
            changes(num);
            if(num==0){
                now=true
                num=num+2
                }
                num--
        
                }
            
    
        
    }
    
    }
</script>
</head>

<body>
<div id="div1">
<ul>
<span class="span1">
<li class='ati'></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</span>
<div id="div2">
<img src="img/1.jpg" /> 
</div>
<span class="span2">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li ></li>
</span>
</ul>
</div>
</body>
</html>
竟然做出来了
2014-12-25 16:38  回复本帖
无为
forum.php?mod=redirect&goto=findpost&pid=34210&ptid=11151
就是这个效果 从第一个到最后一个 然后再从最后一个到第一个 js8 定时器基础里面的 谢谢啊 给我点思路 ...

你这有十二张图片,首先要考虑的是怎么把这十二张图片按要求让下标从 0 ~ 11 按顺序排列,只要把下标的顺序整理好,接下来只要设置一个变量 不断 ++ ,然后一到 12 就重置为 0 就可以了。 

这个vip会员把做好的练习提交给对应讲师之后是可以直接换取相应的参敏感词 你懂得的哈。。

练习效果不一定是做出来,只要尽力做就好。
2014-12-25 17:18  回复本帖
徐斌4599
forum.php?mod=redirect&goto=findpost&pid=34221&ptid=11151
你这有十二张图片,首先要考虑的是怎么把这十二张图片按要求让下标从 0 ~ 11 按顺序排列,只要把下标的顺 ...

你说的这个我懂  老师的要求是 如果有12张图片 0-11 就是num++   但是要求是 倒着走回来 就是到12就--吗  如果写到12就--的话 那刚减去一个就又++了 所以就难再这里了 {:soso_e154:}
2014-12-25 17:25  回复本帖
 
莫涛
加一个中间数,num+=nub,每次到达两端的目标值的时候,调整下nub的正负
2014-12-25 22:22  回复本帖
徐斌4599
forum.php?mod=redirect&goto=findpost&pid=34238&ptid=11151
加一个中间数,num+=nub,每次到达两端的目标值的时候,调整下nub的正负

没太懂...{:soso_e117:}
2014-12-26 16:49  回复本帖
 
莫涛
var iSpeed=1;
var nub=0;
nub+=iSpeed;
if(nub==0||nub==12)
{
     iSpeed=-iSpeed;
}
2014-12-28 00:30  回复本帖
登录 后才可以发表回复