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和内容不显示了。(可以实现多个按钮切换,也可同理编写点击事件)。

  • 相关阅读:
    Learn Goroutine
    Redis eviction policies
    Hungarian Algorithm
    Prime and Factors
    HDU 2642 Stars
    236. Lowest Common Ancestor of a Binary Tree
    Leetcode 96. Unique Binary Search Trees
    Search in Rotated Sorted Array
    ID Generator
    概率问题
  • 原文地址:https://www.cnblogs.com/xlj-code/p/5683041.html
Copyright © 2011-2022 走看看