• 能套用的tab栏切换


         

    效果:

    在style.js文件里封装了一个Show函数,有4个参数,di(当前点击的按钮),num(按钮个数,也可以说是下面具体内容个数),divn(一个id前缀,这个例子里是ta,),active(当前按钮的类名,可控制不同于其他按钮的个性样式),

    按钮有不同id,第一个叫ta0,第二个ta1...,鼠标划入时触发Show函数,传入不同的参数,js文件里先获取到当前按钮,给他加上个性类名active(current),再获取下面的对应内容区域,给他显示,接下来就要处理那些鼠标没划入,这里用一个for循环和判断解决,“di!=i”,确保剔除掉当前按钮和内容,其他的就去掉个性类名current和内容不显示了。(可以实现多个按钮切换,也可同理编写点击事件)。

  • 相关阅读:
    生活感悟
    shell语法
    mycat
    阐述 如何高效理解学习
    部署ETCD集群
    文件修改
    文件处理
    a's
    shell中备份web站点及数据库
    openssh版本升级修复漏洞
  • 原文地址:https://www.cnblogs.com/xlj-code/p/5683041.html
Copyright © 2020-2023  润新知