用HTML5新功能制作tab选项卡

tab选项卡

原生JavaScript很容易做一个Tab选项卡
这里主要的是用HTML5新增的标签选择器querySelector和类名操作方法(dataset、classList等)
效果如下:
用HTML5新功能制作tab选项卡_第1张图片
body部分

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  1. a
  2. b
  3. c
  4. d
  5. e
  6. f
  7. g
  1. one
  2. two
  3. three
  4. four
  5. five
  6. six
  7. seven

head部分


	
	

你可能感兴趣的:(javascript,html5)