cari

Rumah >hujung hadapan web >tutorial js >js tab效果的实现代码_导航菜单

js tab效果的实现代码_导航菜单

WBOY
WBOYasal
2016-05-16 18:38:08933semak imbas

预实现效果:(点击不同的tab显示不同面板内容)


 一:用到的js函数:

复制代码 代码如下:



二:页面调用代码;
代码
复制代码 代码如下:






















onClick="tabPanelEx(this,'../images/an_02.jpg','../images/an_01.jpg','newTabs','newsTab1')">
全员教育
onClick="tabPanelEx(this,'../images/an_02.jpg','../images/an_01.jpg','newTabs','newsTab2')" >
医界动态










全员教育


 全员教育






调用解释:
(1)使用的为table,table结构为:
代码
复制代码 代码如下:




















全员教育

医界动态




全员教育





完整文件下载
Kenyataan：
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
Artikel sebelumnya：javascript 动态调整图片尺寸实现代码_图象特效Artikel seterusnya：jquery $(document).ready() 与window.onload的区别_jquery

Artikel berkaitan

Lihat lagi