`

鼠标移动Tab切换代码

阅读更多
<html>
<head>
<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>
<ul>
<ul>  
<li class="titlemouseover" id="TabTitle0" onmouseover="ShowTabs(0)">测试</li>  
<li class="tabtitle" id="TabTitle1" onmouseover="ShowTabs(1)" >test</li>  
</ul>  

<div id="Tab0" >  
    <ul>       
        <li>测试</li>     
    </ul>  
</div>  
<div id="Tab1"style="display: none;" >  
    <ul>  
        <li>test</li>     
    </ul>  
</div>  
</body>
</html>

 

分享到:
评论

相关推荐

    js鼠标滑过标签选项卡切换代码.zip

    Js鼠标滑过标签选项卡切换代码是一款来自医院美容网站的js特效。

    鼠标移动选项层切换实例

    现在各大门户都提供了鼠标移到某个按钮上就显示显示某个层的内容。比如新闻组中(浙江,广东,上海,北京)四个选项,当移动到浙江下边就弹出浙江相关的新闻的特效

    jQuery全屏滑动TAB选项卡切换代码

    一款漂亮大气的jQuery全屏滑动TAB选项卡切换代码,选项卡导航带有图标,鼠标滑过还有好看的动画特效,内容切换时也有淡出淡入的过渡动画效果,整体效果非常棒!

    CSGO鼠标移动改变图片宽度

    Jquery实现CSGO鼠标移动改变图片宽度. 跟随鼠标移动改变图片宽度, 右侧tab栏切换效果

    jquery滑动切换tab

    jquery滑动切换tab,当鼠标移动到某个tab的时候选项卡自动滑动到那个tab,默认是第一个选中,给人的体验相当不错,代码简明

    支持滚动的TAB切换效果.rar

    支持滚动的TAB切换效果,这是一个完整的例子,含 JS和HTML代码文件,鼠标点击左侧的TAB后,右侧的内容向上或向下滚动,本例子是一个实例集,包括标题展开合拢效果、TAb效果、上下结构的TAB切换等多种风格,一共是5个...

    js实现移动端tab切换时下划线滑动效果

    主要为大家详细介绍了js实现移动端tab切换时下划线滑动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    键盘按键命令

    ctrl+tab 在页面上的各框架中切换(加shift反向) f5 刷新 ctrl+f5 强行刷新 目的快捷键 激活程序中的菜单栏 f10 执行菜单上相应的命令 alt+菜单上带下划线的字母 关闭多文档界面程序中的当 前窗口 ...

    jQuery TAB 带动画滚动切换.rar

    一款 jQuery TAB 效果,在切换的时候带有动画效果,左右滚动切换,文字渐变显示,单击时候才变换内容,与滑动门的鼠标移动切换类似,至于哪种风格,就看设计者的考虑了。

    用CSS实现Tab页切换效果的示例代码

    最近切一个页面的时候涉及到了一个tab切换的部分,因为不想用js想着能不能用纯CSS的选择器来实现切换效果。搜了一下大致有下面三种写法。 1、利用 :hover 选择器 缺点:只有鼠标在元素上面的时候才有效果,无法实现...

    jQuery标签选项卡切换代码.zip

    jQuery标签选项卡切换代码基于jquery.1.10.2.min.js制作,鼠标移动到不同标签显示不同内容。

    跨浏览器通用、可重用的选项卡tab切换js代码

    由于近来学了点js,于是我装逼道。。。不太难吧。。。就切一下display属性?... 一、html部分(其实这还没啥好看的,设置了三个,前两个是一样的,通过click事件触发,最后一个通过鼠标移动触发) 代码如下: &lt;div cl

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    45:很不错的漂浮广告代码下载 46:图片变换特效广告代码下载 47:鼠标移动提示的广告代码下载 48:漂亮的放GG代码的广告框架下载 49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字...

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    45:很不错的漂浮广告代码下载 46:图片变换特效广告代码下载 47:鼠标移动提示的广告代码下载 48:漂亮的放GG代码的广告框架下载 49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字...

    jquery可缩放的选项卡切换形式的焦点图代码

    当鼠标移动到图片上时,底下显示滚动的缩略图,类似tab标签切换的效果,同时也有焦点图切换的样式,懒人之家推荐下载

    js实现的简洁网页滑动tab菜单效果代码

    滑动门菜单,只需鼠标放上去就切换的菜单,和网页选项卡只是操作形式上的不同而已,滑动门改选项卡只需将门菜单中的onmouseover换成onclick就行了,这样换了之后,切换内容需要鼠标点击门菜单才可以。 运行效果截图...

    超实用的jQuery图文结合Tab菜单插件

    今天我们要来分享一款非常实用的jQuery Tab菜单切换插件,它可以在商品分组显示中使用,并且是图文结合的,比如各大网上商城的产品推荐等。当我们将鼠标滑过Tab选项卡时,既可以将该Tab的内容激活,是一款非常不错的...

    AD鼠标增强软件

    按住鼠标右键移动,可移动工作区 4. 鼠标中键点击 --&gt; 切换图层,相当于F4,原中键点击功能废弃 5. 按左键拖目标 --&gt; 再按右键可旋转,相当于TAB键的功能,在布局时非常好用,请留意 针对OrCAD: 1. 向上...

    鼠标滑过jQuery选项卡切换.zip

    鼠标滑过jQuery选项卡切换是一款改图网设计案例板块样式跟随jquery选项卡特效,鼠标划过标题栏目,下边当前样式跟随鼠标移动。

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    20. jQuery大气banner带时间线自动播放的焦点图轮番切换代码 21. jquery定时自动切换banner广告图片动画插件示例 22. jquery实现LightBox图片点击放大效果的图片盒子插件 23. jQuery实现slider图片滚动,单个滚动...

Global site tag (gtag.js) - Google Analytics