当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery复古风格鼠标经过选项卡切换

jQuery复古风格鼠标经过选项卡切换

分类: js特效 / jQuery特效	发布时间: 2018-01-02	访问量: 1572
下载量: 36

点击下载预览效果

更多>

最新下载

jquery表单文本框添加文字标签

jquery表单文本框添加文字标签是一款基于jquery实现的表单text文本框回车添加文字标签拖动，可调顺序。

0 2026-01-26

jQuery多个标签选择添加实例

使用jQuery制作多个文字标签列表，设置已选标签和未选标签，点击选中文字标签，支持输入文字创建添加标签效果代码。

0 2026-01-26

迅雷jQuery横向擦除焦点图

迅雷jQuery横向擦除焦点图是一款基于jQuery实现的7屏横向擦除焦点图代码，有缩略图和标题，兼容主流浏览器。

0 2026-01-26

jQuery英文数字组合验证码特效

jQuery英文数字组合验证码特效是一款使用jQuery Layui制作的表单提交验证码，数字和英文随机生成验证码验证特效。

0 2026-01-26

jquery点击弹出大图切换代码

jquery点击弹出大图切换代码是一款jquery相册图片滑动切换点击弹出大图片切换预览效果代码。

0 2026-01-25

HTML5手机登录注册表单代码

HTML5手机登录注册表单代码是一款鼠标点击注册登录按钮弹出表单，适合移动端使用。

0 2026-01-25

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16126 2025-08-28
CSS3 教程

1546564 2025-08-27
Rust 教程

23256 2025-08-27
Vue 教程

25728 2025-08-22
PostgreSQL 教程

22211 2025-08-21
Git 教程

9196 2025-08-21

jQuery复古风格鼠标经过选项卡切换

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/script.js"></script>
</head>

<body><script src="/demos/googlegg.js"></script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
#cen_right_top{width:720px;margin:40px auto 0 auto;}
#cen_right_top .active{background:url(images/qiehuan.jpg) no-repeat;color:#F3F3F3;}
#cen_right_top h3{line-height:35px;text-align:center;float:left;height:35px;width:182px;margin::0px;padding:0px;background-color:#F3F3F3;font-size:14px;color:#333333;font-weight:lighter;cursor:pointer;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:100px;padding:20px 0px 0px 20px;border-top-width:medium;border-top-style:solid;border-top-color:#A0603D;}
</style>

一个非常简单的复古风格鼠标经过选项卡切换js代码，常用的响应式tab选项卡切换特效。