Rumah > hujung hadapan web > html tutorial > js div+css 实现tab功能_html/css_WEB-ITnose

js div+css 实现tab功能_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:30:37
asal
867 orang telah melayarinya

Code
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档

<script> <br /> <br /> <br />/*第一种形式 第二种形式 更换显示样式*/ <br />function setTab(name,cursel,n){ <br />for(i=1;i<=n;i++){ <br />var menu=document.getElementById(name+i); <br />var con=document.getElementById("con_"+name+"_"+i); <br />menu.className=i==cursel?"hover":""; <br />con.style.display=i==cursel?"block":"none"; <br />} <br />} <br /></script>






  • 新闻1

  • 新闻2





新闻列表1

新闻列表2






新闻1 新闻2

新闻列表1

新闻列表2

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan