javascript经典的选项卡切换(详解)

28,446次阅读
没有评论

共计 650 个字符,预计需要花费 2 分钟才能阅读完成。

分享一个经典的 js 选项卡效果,就几行代码就可以控制全局的选项卡。下面来看一下代码

setTab 这个函数有二个值,这个值分别是(name,cursel)怎么用的呢,下面来看举例说明一下



选择一内容
选择二内容
选择三内容

onmousemove=”setTab(‘menu’,2) 这就是调用我们设的函数,在这()里的内容就是传的值。说到这大家应该不迷了 再来说一下这一句,这个判断用的在编程时用到的很多

menu.className=i==cursel?(“left”+” “+”hover”):”left”;

解释一下当
i==cursel 为真是输出 left hover 为假时输出 left

也就是 menu.className 的值就等它们输出的结果,这个就可以实现切换了。

那个循环就不说了,我想信到这大家都明白了吧。下面来看一下演示

DEMO:javascript 经典的选项卡切换

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-12发表,共计650字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)