讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

首页 > web前端 > js教程 > 正文

一个不错的渐显菜单_导航菜单

php中文网

发布： 2016-05-16 19:13:57

原创

1408人浏览过

由于此菜单不易灵活改动，图片量又大，要改栏目和增删栏目特麻烦，得须改图片。
       因对本人对此菜单做了大量改动，最终达到的效果是一样
       原网站那个菜单加上图片有80多k呢，经修改过后的菜单加上图片大小只有4k左右，改了过后是不是小了很多呢。
       改动后的优点，便于修改栏目名称，和增删栏目，图片量减少，无论多少栏目只需两张图片。
       熟悉js的人还可以把它改得更简单方便呢，不过我对js还不够了解，所以就等高手改更简单的效果吧！
补充一点: 这个效果在FF下不能实现,其它浏览器,我也没有测试,只在IE6.0下测试通过.

Ztoy网络商铺多用户版

Ztoy网络商铺多用户版

在原版的基础上做了一下修正：增加1st在线支付功能与论坛用户数据结合，vip也可与论坛相关，增加互动性vip会员的全面修正评论没有提交正文的问题特价商品的调用连接问题删掉了2个木马文件去掉了一个后门补了SQL注入补了一个过滤漏洞浮动价不能删除的问题不能够搜索问题收藏时放入购物车时出错点放入购物车弹出2个窗口修正定单不能删除问题VIP出错问题主题添加问题商家注册页导航连接问题添加了导航FLASH源文

Ztoy网络商铺多用户版

0

Ztoy网络商铺多用户版

<script language="javascript"> 
nereidFadeObjects = new Object(); 
nereidFadeTimers = new Object(); 
function nereidFade(object, destOp, rate, delta){ 
if (!document.all) 
return 
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); 
        return; 
    } 
    clearTimeout(nereidFadeTimers[object.sourceIndex]); 
    diff = destOp-object.filters.alpha.opacity; 
    direction = 1; 
    if (object.filters.alpha.opacity > destOp){ 
        direction = -1; 
    } 
    delta=Math.min(direction*diff,delta); 
    object.filters.alpha.opacity+=direction*delta; 
    if (object.filters.alpha.opacity != destOp){ 
        nereidFadeObjects[object.sourceIndex]=object; 
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); 
    } 
} 
</script><style type="text/css"> 
 
</style>
<div class="menu_bg">首页 
 <a href="#"><div class="menu_cont" style="left: 10px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">首页</div></a> 
</div> 
<div class="menu_bg">关于我们 
 <a href="#"><div class="menu_cont" style="left: 90px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">关于我们</div></a> 
</div> 
<div class="menu_bg">网站介绍 
 <a href="#"><div class="menu_cont" style="left: 170px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">网站介绍</div></a> 
</div> 
<div class="menu_bg">服务项目 
 <a href="#"><div class="menu_cont" style="left: 250px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">服务项目</div></a> 
</div> 
<div class="menu_bg">成功案例 
 <a href="#"><div class="menu_cont" style="left: 330px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">成功案例</div></a> 
</div> 
<div class="menu_bg">联系我们 
 <a href="#"><div class="menu_cont" style="left: 410px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">联系我们</div></a> 
</div> 
<div class="menu_bg">本站论坛 
 <a href="#"><div class="menu_cont" style="left: 490px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">本站论坛</div></a> 
</div> 
<div class="menu_bg">English 
 <a href="#"><div class="menu_cont" style="left: 570px;" onmouseover="nereidFade(this,100,5,7)" onmouseout="nereidFade(this,01,7,5)">English</div></a> 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

大家都在看：

如何使 Jest 模拟函数默认抛出错误以提高测试效率 Angular 16 路由事件类型变更：MSAL 集成中的兼容性解决方案 JavaScript实现下拉菜单联动表格数据展示教程 HTML与JavaScript实现下拉菜单驱动的动态表格：构建交互式维修表单 JavaScript实现下拉菜单驱动的动态表格数据展示

最佳 Windows 性能的顶级免费优化软件

最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

来源：php中文网

上一篇：又一个小巧的图片预加载类_图象特效下一篇：一个不错的渐隐文字效果

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

最新问题

JavaScript中的事件委托是什么_它如何提高事件处理效率？事件委托是利用事件冒泡将子元素事件交由父元素统一处理的技巧，通过e.target或closest()识别目标，减少绑定次数、支持动态元素、降低内存占用。

2025-12-22 22:11:44

291

javascript拖放功能如何实现_DataTransfer对象在拖拽中起什么作用？ JavaScript拖放功能通过dragstart→dragover→drop事件链和DataTransfer对象实现数据传递；需设draggable="true"、在dragover中preventDefault()、用setData()/getData()存取数据，且注意MIME类型一致与移动端兼容问题。

2025-12-22 22:11:25

700

javascript如何实现国际化_怎样轻松切换网站的多语言 JavaScript国际化核心是分离语言内容与逻辑代码、动态加载语言包并实时更新界面文本；采用JSON管理文案、按需加载缓存、data-i18n标记替换、Intl处理格式化、localStorage持久化偏好并响应系统语言变化。

2025-12-22 22:09:15

911

javascript如何实现跨域请求_CORS机制怎样配置 CORS是浏览器强制执行的跨域安全机制，需后端配置响应头（如Access-Control-Allow-Origin）才能合法跨域，前端无法绕过或伪造。

2025-12-22 22:09:08

524

什么是Javascript以及它如何驱动现代网页交互？ JavaScript是一种专为浏览器设计的轻量级解释型语言，负责网页交互行为：监听事件、动态操作DOM、条件判断、与服务器通信；可内联或外链，依赖DOM就绪机制确保执行安全；配合框架、工具及API构建现代复杂Web应用。

2025-12-22 22:08:02

471

如何使用JavaScript实现路由_它如何创建单页面应用呢 JavaScript路由核心是用HistoryAPI（pushState/replaceState和popstate）实现URL变更不刷新页面，并动态更新DOM；需服务端配置回退至index.html，框架路由还支持嵌套、守卫、懒加载等。

2025-12-22 22:08:02

683

javascript Proxy是什么_如何用它拦截对象操作？ Proxy是JavaScript中用于创建代理对象的构造函数，通过target和handler拦截并自定义对象操作；支持get、set、has等trap实现响应式、验证等功能；需配合Reflect安全转发，注意仅代理第一层、不可代理原始值等限制。

2025-12-22 22:07:20

182

什么是javascript服务端渲染_它如何提升首屏加载速度？ SSR通过服务器端执行JavaScript生成完整HTML，使浏览器无需等待JS执行即可立即渲染首屏内容，显著缩短白屏时间和FCP，提升SEO与弱网体验，但增加服务端开销且需处理hydration和API兼容性问题。

2025-12-22 22:07:02

521

如何调试JavaScript代码_有哪些常用的浏览器开发工具？最直接有效的JavaScript调试方式是使用浏览器开发者工具。通过Sources面板设断点、Console交互执行、Network和Application排查异步与数据问题、Elements与Console联动调试DOM，可高效定位并解决90%的前端逻辑问题。

2025-12-22 22:06:40

458

javascript DOM是什么_如何通过javascript操作网页元素？ DOM是浏览器将HTML转换成的可编程树状结构，每个元素为对象，支持读取、修改、添加或删除；常用获取方法有getElementById、querySelector等；可修改innerHTML、textContent、style及classList；新增用createElement+appendChild，删除用remove，替换用replaceChild。

2025-12-22 22:06:08

827

相关专题

更多>

热门推荐

开源免费商场系统

广告

热门教程

更多>

相关推荐

热门推荐

最新课程

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明举报中心意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

PHP中文网订阅号: 每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

PHP学习

技术支持

返回顶部