鼠标移动实现标签自动切换

2023-11-11

<html>
<head>
    <title></title>
<script type="text/javascript">
 <!--
    function ShowTabs(ID) {
        for (i = 0; i < 2; i++) {
            if (i == ID) {
                document.getElementById("TabTitle" + i).className = "titlemouseover";
                document.getElementById("Tab" + i).style.display = "";
            }
            else {
                document.getElementById("TabTitle" + i).className = "tabtitle";
                document.getElementById("Tab" + i).style.display = "none";
            }
        }
    }
 //-->
</script>
</head>
<body style="text-align:center;font-family:,serif;background:#fff;font-size:20px;">
<div id="focusArticle">
<div id="focusArticleTitle" style= "background-color:#FFF;background-color:#FFF">
<ul>
<li style="display:inline" class="titlemouseover" id="TabTitle0" οnmοuseοver="ShowTabs(0)"><a href="#">新闻</a></li>
<listyle="display:inline" class="tabtitle" id="TabTitle1" οnmοuseοver="ShowTabs(1)" ><a href="#">视频</a></li>
</ul>
</div>
    <div id="Tab0" class="focusArticle_text" >
    <ul>     
        <li class="hits6"><a href="#">今天是个好日子</a></li>
        <li class="hits6"><a href="#">几年默默名字几十周年庆典</a></li>
        <li class="hits6"><a href="#">333333333333333333333333</a></li>
        <li class="hits6"><a href="#">444444444444444444444444</a></li>
        <li class="hits6"><a href="#">555555555555555555555555</a></li>
        <li class="hits6"><a href="#">666666666666666666666666</a></li> 
        <li class="hits6"><a href="#">777777777777777777777777</a></li>       
    </ul>
    </div>
    <div id="Tab1" class="focusArticle_text" style="display: none;" >
        <ul>
        <li class="hits2"><a href="#">想看视频吗?</a></li>
        <li class="hits2"><a href="#">点击这里吧!</a></li>
        <li class="hits2"><a href="#">ccccccccccccccccccccccc</a></li>
        <li class="hits2"><a href="#">ddddddddddddddddddddddd</a></li>
        <li class="hits2"><a href="#">eeeeeeeeeeeeeeeeeeeeeee</a></li>
        <li class="hits2"><a href="#">fffffffffffffffffffffff</a></li>
        <li class="hits2"><a href="#">ggggggggggggggggggggggg</a></li>        
        </ul>
    </div>
</div>
</body>
</html>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

鼠标移动实现标签自动切换 的相关文章

随机推荐

  • 如何利用matlab神经网络进行水量预测

    数据收集 百度搜索EPS数据库登陆 我们选择进入城市数据库 我们的目的是要进行某年水量预测 我们的目的是知道了某一年的土地 人口等信息 就可以预测出该年的用水量 因此我们需要搜集一些信息用来训练 可以多选几年如2003 2017 然后点击下
  • 13 集成测试之自顶向下集成测试方法

    自顶向下集成测试方法 前言 深度优先集成方法 宽度优先集成方法 总结 前言 自顶向下集成方法可以采取深度优先或者宽度优先策略 深度优先集成方法 深度优先从最左边分支自上而下开始测试并向上结合 测试完一个分支后再测试下一个分支 如图测试顺序为
  • 渗压计工作原理及选型

    渗压计适合埋设在水工建筑物和基岩内 或安装在测压管 钻孔 堤坝 管道或压力容器中 以测量孔隙水压力或液位 主要部件均采用特殊钢材制造 适合在各种恶劣环境中使用 一般型号后缀为标准型 可以为低量程型和为通气 差压 型 另可根据客户要求提供高压
  • Hypertable 简介 一个 C++ 的Bigtable开源实现

    1 Introduction 随着互联网技术的发展 尤其是云计算平台的出现 分布式应用程序需要处理大量的数据 PB级 在一个或多个云计算平台中 成千上万的计算主机 如何保证数据的有效存储和组织 为应用提供高效和可靠的访问接口 并且保持良好的
  • scss中的样式复用:继承;占位符;混合宏

    文章目录 一 使用 extend实现样式复用 继承 二 使用占位符实现样式复用 占位 三 使用混合宏实现样式复用 混合宏 四 参数运算符 待更新 类名复用 未验证 待更新 react中使用sass 了解css in js解决方案 在reac
  • 【Pandas 数据查找函数 详解】

    本文介绍了Pandas数据查找常用函数 掌握了这些函数的应用 让你在数据处理时 手到擒来 游刃有余 目录 一 查找数据位置 s str find 和s str index 函数 二 数据的查找判断 1 判断开头或结尾是否是指定字符串s st
  • 保姆级Obsidian学习教程【超完整,小白必备】

    前言 本篇文章学习视频来源 沙牛obsidian优质课程 学 习 软 件 obsidian 课 程 对 应 资 源 云盘资源 说 明 Obsidian是基于Markdown文件的本地知识管理软件 并且开发者承诺Obsidian对于个人使用者
  • java integer long 转换_long(Long)与int(Integer)之间的转换

    1 将long型转化为int型 这里的long型是基础类型 long a 10 int b int a 2 将Long型转换为int 型的 这里的Long型是包装类型 Long a 10 int b a intValue 3 将Long型转
  • 编译GDB --enable-targets=all --enable-64-bit-bfd

    这次尝试才用一种新的BLOG发帖 大家都可以把要发到BLOG的文章投递到MAILLIST 然后大家REVIEW 等REVIEW的差不离了 再发到BLOG上 欢迎大家帮忙review 编译GDB teawater hellogcc 1 取得源
  • 2.1python中的赋值运算符和比较运算符

    在程序中 使用赋值运算符可以帮助我们更加高效的完成一些需要多行程序完成的工作 使用比较运算符可以让程序员通过比较更加明白所编程序是否与自己的所思考的相同 1 首先 我们先看一下赋值运算符的具体内容 如下 赋值运算符符号 含义 a b b a
  • 微信H5(公众号)跳转微信小程序实现及其传参

    1 使用微信开放标签 wx open launch weapp 跳转
  • Linux车机平台pulseaudio多alsasink配置

    https www freedesktop org wiki Software PulseAudio 官网上的介绍是这样的 pulseaudio 是一个POSIX操作系统上的声音系统 是音频应用的代理 它允许你对音频数据 在从应用传递到硬件
  • Java版企业电子招标采购系统源码Spring Cloud + Spring Boot +二次开发+ MybatisPlus + Redis

    项目说明 随着公司的快速发展 企业人员和经营规模不断壮大 公司对内部招采管理的提升提出了更高的要求 在企业里建立一个公平 公开 公正的采购环境 最大限度控制采购成本至关重要 符合国家电子招投标法律法规及相关规范 以及审计监督要求 通过电子化
  • 【java】maven引用外部 jar 包,以RXTXcomm.jar为例

    目录 1 作为资源文件夹内的资源引用 2 将jar包手动安装到maven仓库 工具 IntelliJ IDEA 2020 2 3 x64 1 作为资源文件夹内的资源引用 1 在项目根路径新建文件夹lib 将资源文件复制到该文件夹 2 将文件
  • python处理压缩文件

    Zip 模块安装 pip install zipfile 使用 import zipfile 打开zip文件 zipfileObj zipfile ZipFile tmp zip with上下文 with zipfile ZipFile t
  • C语言实现的 通讯录管理系统

    通讯录 C语言实现 文章目录 通讯录1 静态 通讯录2 动态 通讯录3 动态 储存 前言 本文讲解如何用C语言来创建一个通讯录 这是一个小项目 非常适合新手上手 同时也可以提高自己的代码能力 里面用到了 结构体传参 枚举常量 文件 动态内存
  • 惠普服务器开机系统密码,惠普(hp)各型号打印机冷复位,清零,回复出厂设置方法 以及 服务菜单(service menu)密码...

    惠普 hp 各型号打印机冷复位 清零 回复出厂设置方法 以及 服务菜单 service menu 密码 由会员分享 可在线阅读 更多相关 惠普 hp 各型号打印机冷复位 清零 回复出厂设置方法 以及 服务菜单 service menu 密码
  • 【java学习】String字符串

    1 概念 1 String 不可变 不可变类 final 不可被继承 public final class String implements java io Serializable Comparable
  • Typora如何将图片使用相对路径保存到统一文件夹中(解决.md文档传输丢图片的方法)

    Typora是一款编辑markdown语法的做离线的笔记软件 目前广受喜爱 由于通过Typora导入的图片不集中 图片要么在原始位置分散着 如果换台电脑图片就会丢失 默认是保存图片的原始绝对路径 而我们保存的地址放到别人电脑 绝对路径就不行
  • 鼠标移动实现标签自动切换