博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS-tab切换
阅读量:5886 次
发布时间:2019-06-19

本文共 1725 字,大约阅读时间需要 5 分钟。

hot3.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TAB</title>
</head>
<body>
    <!--内容显示--><!--
       <div class="tab">
            <div class="tab_con clearFix">
                <div class="l-bor"></div>
                <!--内容显示切换--><!--
                    <div class="tab_c">
                        <!--切换今日新词--><!--
                       <ul id="con_hor_1" class="c_c clearFix"></ul>
                       
                        <!--切换最新热词--><!--
                        <div id="con_hor_2" class="ex clearFix" style="display:none;">
                            <p><span id="newsword-en"></span><span id="newsword-ch"></span></p>
                            <p>insider trading&nbsp;&nbsp;&nbsp;&nbsp;内幕交易</p>
                            <p>radiation-proof clothes&nbsp;&nbsp;&nbsp;&nbsp;防辐射服</p>
                        </div>
                    </div>
                <div class="r-bor"></div>
          </div>
          <div class="c-btn clearFix">
            <span><a href="javascript:void();" id="hor1" οnmοusemοve="changeTab('hor',1,2);"  class="curr">最新热词</a><span id="fh1" class="hover"></span></span>
            <span><a href="javascript:void();" id="hor2" οnmοusemοve="changeTab('hor',2,2);">今日新词</a><span id="fh2"></span></span>            </div>
        </div>
        <div class="d-w clearFix"><p><span>每日一句:</span><img title="播放读音" audio="20070904" class="vedio" src="images/cleardot.gif">I’m not guessing, I really konw. 我不是在猜想,我真的知道。</p></div>-->
        <!--查词-->
        <script type="text/javascript">
function changeTab(name,cursel,n){
    for(i = 1; i <= n; i++){
        var menu = document.getElementById(name + i );
        var fh   = document.getElementById('fh' + i );
        var con  = document.getElementById("con_"+name+"_"+i);
        menu.className  = i == cursel ? "curr":"";
        fh.className    = i == cursel ? "hover":"";
        con.style.display = i == cursel ? "block" : "none";
    }
}
</script>
</body>
</html>

转载于:https://my.oschina.net/glelaine/blog/38245

你可能感兴趣的文章
Mycat读写分离以及拆库拆表综合实验2:部署配置mycat读写分离与拆库拆表
查看>>
程序至上
查看>>
老板喜欢哪10种员工?
查看>>
Lync Server 2010详解系列3:Lync Server的部署
查看>>
css选择器-基本选择器
查看>>
我的友情链接
查看>>
Linux之信号第一谈
查看>>
增广贤文
查看>>
while死循环 无法执行
查看>>
聊一聊前端模板与渲染那些事儿
查看>>
我的友情链接
查看>>
XSS测试平台
查看>>
我的友情链接
查看>>
android 进程
查看>>
ceph-deploy源码分析(一)——源码结构与cli <转>
查看>>
Swift 对象内存模型探究(一)
查看>>
Spring集成JPA后,报“Not an managed type: class x.x.x"
查看>>
sublime配置全攻略【转】
查看>>
我的友情链接
查看>>
Linux Shell从入门到删除根目录跑路指南
查看>>