选项卡

选项卡在我们日常写网页中经常用到,在360浏览器首页中就用到很多的选项卡,我就模仿360首页的选项卡做一个案例,使用面向对象的方法来写。面向对象在这个小案例中会显得很麻烦,但是在大型开发中会简单很多,所以要学会使用。

其主要思想就是,先让所有的div块隐藏,然后让第一个显示,记录每个按钮当前的位置,然后设置其他div的隐藏,当前div的显示。

最终效果图如下:

自定义选项卡

 

代码如下:

 

选项卡》有1个想法

发表评论

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据