ITPub博客

首页 > IT职业 > IT图书 > Tab页界面之二,jQuery技术实现

Tab页界面之二,jQuery技术实现

IT图书 作者:freefancy 时间:2021-09-09 09:49:37 0 删除 编辑

这个tab页是把数据全部取回来再显示,所以没有数据缓存的特点。但是因为数据全部是显示的html代码,所以对搜索引擎是友好的,也许对seo有好处。

    代码特点:
    1,完全实现Tab逻辑功能,Tab的样式完全交由前端代码控制,很灵活。
    2,tab页触发事件是click。
    3,界面以table布局,只需要配置关键对象的class和id 即可工作。

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
http://www.w3.org/1999/xhtml“>



我的Tabs选项卡




 
 
 
 
 
 

tab1 tab2 tab3



 


   

      this is data1
   

   

      this is data2
   

   

      this is data3
   

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1371/viewspace-2813042/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Handler
请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    118
  • 访问量
    800