导航菜单用js实现每个菜单图片的切换 重复无效?

qq_30177741 qq_30177741 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
10个贴图导航菜单的代码 我分别做十个就不滑动了。怎么办
<img onmouseover="ms(0,this)" onmouseout="ms(1,this)" onclick="ok(this)" bg="" src="../1.gif" alt="这是 img1">

<script>

function ms(n,obj){
if(obj.bg!='fixed'){
obj.src='../'+n+'.jpeg';
obj.alt='这是 img'+n;
}
}
function ok(obj){
obj.bg='fixed'; /* 设定一个属性,标记已经点击,使鼠标离开后保持不变 */
obj.src='../0.gif"';
obj.alt='固定为 img0';
}

</script>

<img onmouseover="ms(0,this)" onmouseout="ms(1,this)" onclick="ok(this)" bg="" src="../3.gif" alt="这是 img1">

<script>

function ms(n,obj){
if(obj.bg!='fixed'){
obj.src='../'+n+'.jpeg';
obj.alt='这是 img'+n;
}
}
function ok(obj){
obj.bg='fixed'; /* 设定一个属性,标记已经点击,使鼠标离开后保持不变 */
obj.src='../2.gif"';
obj.alt='固定为 img0';
}

</script>
...全文

相关推荐

交友会员PHP源码交友会员思维CMSware会员通行证系统(CWPS)v1.6GBK简体中文版(PHP4)Build071203-cwps-1.6-gbk-php4

交友会员PHP源码[交友会员]思维CMSware会员通行证系统(CWPS) v1.6 GBK简体中文版(PHP4) Build071203_cwps_1.6_gbk_php4

zz_ll9023

纯HTML+CSS+JS自适应固定悬浮导航条网站源码模板

导航条是网站信息架构的核心入口,直接影响用户对站点层级的理解与浏览效率。在长页面场景中,固定悬浮导航条通过CSS固定定位将菜单常驻视口顶部,配合半透明背景与毛玻璃效果营造清晰浮层层次,避免用户滚动后迷失方向。响应式设计则借助flex布局与媒体查询,使导航栏在手机、平板、电脑上自动适配,移动端通过汉堡菜单与平滑滚动、滚动高亮等交互优化触控体验。这类基础组件的实现涉及固定定位、堆叠上下文、滚动监听等前端核心概念,是开发者快速搭建网站原型、验证交互逻辑的关键工程模块。本文分享的一套无框架依赖的自适应固定悬浮导航条

Dreamer寻

Vue实现导航栏菜单

主要为大家详细介绍了Vue实现导航栏菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

weixin_38627769

vue.js实现二级菜单效果

主要为大家详细介绍了vue.js实现二级菜单效果的具体方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

weixin_38692707

jQuery实现菜单式图片滑动切换

主要介绍了jQuery实现菜单式图片滑动切换效果,主要是依托于jQuery Lightbox插件来实现,非常炫酷,这里推荐给小伙伴们

weixin_38706294
评论 2
收藏 已收藏
分享
返回顶部
qq_30177741
JavaScript 87,984 成员 224,681 内容