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

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

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

点击下载预览效果

更多>

最新下载

jQuery分屏显示图片跟描述

jQuery分屏显示图片跟描述是一款默认为图片自动切换样式，鼠标移到图片上会自动切换成双屏样式，左侧显示描述，右侧显示图片，效果很赞，站长素材推荐下载。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-03-12

jquery图片自动播放选项卡

jquery图片自动播放选项卡是一款基于jQuery powerSwitch插件实现的图片切换特效。

0 2026-03-12

jQuery鼠标滑过图片向上弹出放大

jQuery鼠标滑过图片向上弹出放大是一款基于jquery+css3实现的鼠标滑过，图片向上滑出放大特效代码。

0 2026-03-11

jquery+html5自适应网站焦点图

jquery+html5自适应网站焦点图是一款基于jQuery+HTML5实现的自适应屏幕宽度网站焦点图片切换效果代码。

0 2026-03-11

布丁移动官网jQuery焦点图

布丁移动官网jQuery焦点图是一款布丁移动官方网站的带圆形定位按钮渐变切换的网站焦点图特效。

0 2026-03-11

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

18410 2025-08-28
CSS3 教程

1553769 2025-08-27
Rust 教程

25554 2025-08-27
Vue 教程

27216 2025-08-22
PostgreSQL 教程

23586 2025-08-21
Git 教程

10458 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选项卡切换特效。