zoukankan      html  css  js  c++  java
  • 能套用的tab栏切换

         

    效果:

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

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

  • 相关阅读:
    CodeForces 514B
    CodeForces 514A
    UVa 818
    HDU 1003
    UVa百题总结
    UVa 11526
    UVa 12412
    UVa 211
    UVa 1587
    UVa 225 – Golygons [DFS+剪枝]
  • 原文地址:https://www.cnblogs.com/xlj-code/p/5683041.html
Copyright © 2011-2022 走看看