文档章节

递归的理解--无限循环

小平民
 小平民
发布于 2015/08/04 10:48
字数 431
阅读 11
收藏 0
<!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>
</head>

<body>
<style type="text/css">
body,div,dl,dd,dt,a,img{ margin:0px; padding:0px;}
img{ border:0 none; vertical-align:top;}
a{ font-size:12px; color:#000; text-decoration:none;}
.main_M_pro{ width:520px; height:auto; margin-top:24px; overflow:hidden; margin:24px auto 0px;}
.main_M_proDl{ width:1000%; overflow:hidden;}
.main_M_pro dl{ float:left; width:133px; height:171px; margin-left: 3px;margin-right: 30px;}
.main_M_pro dt{ width:125px; height:125px; border:#d4d3d3 1px solid;}
.main_M_pro dd{ width:100%; height:44px; line-height:44px; overflow:hidden; text-align:center;}
</style>
<div class="main_M_pro">
    <div class="main_M_proDl" id="box">
        <dl>
            <dt><a href="../product.html"><img src="http://www.baidu.com/img/bdlogo.png" width="125" height="125" alt="1" /></a></dt>
            <dd><a href="../product.html">FDK、FSK系列逆变变压器</a></dd>
        </dl>
        <dl>
            <dt><a href="../product.html"><img  src="http://picture.youth.cn/qtdb/201508/W020150804262070298525.jpg" width="125" height="125" alt="2" /></a></dt>
            <dd><a href="../product.html">FDK、FSK系列逆变变压器</a></dd>
        </dl>
        <dl>
            <dt><a href="../product.html"><img src="http://d.youth.cn/qwtf2015/tpy/bjtj/201506/W020150710545179254939.jpg" width="125" height="125" alt="3" /></a></dt>
            <dd><a href="../product.html">FDK、FSK系列逆变变压器</a></dd>
        </dl>
        <dl>
            <dt><a href="../product.html"><img src="http://d.youth.cn/qwtf2015/tpy/bjtj/201506/W020150609346286302954.jpg" width="125" height="125" alt="3" /></a></dt>
            <dd><a href="../product.html">FDK、FSK系列逆变变压器</a></dd>
        </dl>
    </div>
</div>



</body>
<script>
    var boxObj=document.getElementById("box");
    var dlObj=boxObj.getElementsByTagName("dl");
    var stop;
    function fun(num)
    {

        num+=2;
        dlObj[0].style.marginLeft=(3-num)+"px";
        if(num<=166)//第一个dl移动的最大距离,即盒子的宽度
        {
            stop=window.setTimeout(function(){fun(num);},50);
        }
        else
        {

            boxObj.appendChild(dlObj[0]);//将第一个dl插到最后
            dlObj[dlObj.length-1].style.marginLeft=3+"px";//将移到最后的dl的marginLeft值设置为初始值
            fun(0)
        }
    }
    fun(0);//一般设置起始值为0
    boxObj.onmouseenter=function()
    {
        window.clearTimeout(stop);
    };
    boxObj.onmouseleave=function()
    {
        var num=3-parseInt(dlObj[0].style.marginLeft);//将之前停止时的num值得到
        fun(num);
    }
</script>
</html>


© 著作权归作者所有

小平民
粉丝 2
博文 34
码字总数 11775
作品 0
杭州
前端工程师
私信 提问
抬杠:写个死循环,还要让页面正常跑

最近在优化之前的练习代码时想到了半年前的一个小插曲。 当时我在掘金发了第二篇文章 -- 《不懂递归?读完这篇保证你懂》。有位仁兄觉得我在炫技,和我杠上了。由于原文已经删除了,我复述下...

serialcoder
04/08
0
0
用js优美的写各种斐波那契数列

fibonacci 在阅读BuckleScript官方文档时,发现一个斐波那契的code让我眼前一亮,实现思路是我从未想到过的。犹记得初学编程时斐波那契数列让我理解的递归的威力,现又让我从新认识了递归。这...

Rezeroer
2017/12/17
0
0
再谈循环&迭代&回溯&递归&递推这些基本概念

循环:不断重复进行某一运算、操作。 迭代:不断对前一旧值运算得到新值直到达到精度。一般用于得到近似目标值,反复循环同一运算式(函数),并且总是把前一 次运算结果反代会运算式进行下一...

zhoulujun
05/01
16
0
php递归算法

递归函数是我们常用到的一类函数,最基本的特点是函数自身调用自身,但必须在调用自身前有条件判断,否则无限无限调用下去。实现递归函数可以采取什么方式呢?本文列出了三种基本方式。理解其...

微雨初晴
2016/11/26
30
0
每天学习一点儿算法--递归

递归是很多算法都使用的一种编程方法。听说递归是一种十分优雅的问题解决办法,可是对于初涉递归的我,还没有形成这种独特的体会。 学习使用递归的关键在于:如何将问题分为基线条件和递归条...

爱吃西瓜的番茄酱
2018/01/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

目标检测中 yolo 的mAP是什么含义?

mAP定义及相关概念 P => precision,即 准确率 R => recall,即 召回率 PR曲线 = >即 以 precision 和 recall 作为 纵、横轴坐标 的二维曲线。一般来说,precision 和 recall 是 鱼与熊掌 的...

小松1
4分钟前
1
0
用jdk1.8的断言来做非空判断

Assert.notNull(user, "没有获得登录用户信息"); 看源码如下: public static void notNull(Object object, String message) { if (object == null) { throw new IllegalArgum......

architect刘源源
8分钟前
2
0
免费节假日api每一时间更新 2020年 部分节假日安排

根据国务院办公厅关于2020年部分节假日安排的通知国办发明电〔2019〕16号.免费节假日api每一时间更新 2020年 部分节假日安排 http://tool.bitefu.net/jiari/ 各省、自治区、直辖市人民政府,...

xiaogg
11分钟前
3
0
2018NOIP各省一等奖分数线

提高组 普及组

SamXIAO
20分钟前
5
0
常见的PPT时间轴怎么制作,这几种方法你要知道

在PPT当中,时间轴是一个非常重要的一个版块,很多PPT会用它来表示公司的发展历程和项目进度。但是对于PPT时间轴的制作很多人做法是一条直线上添几个点,标注出事件就完成了,可是这样也太过...

TeFuiro
26分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部