html - javascript 怎么实现鼠标移动到栏目上右侧显示相应的内容。
怪我咯
怪我咯 2017-04-11 12:38:46
[JavaScript讨论组]

javascript 怎么实现鼠标移动到栏目上右侧显示相应的内容这是我的代码
js 效果实现问题 如淘宝首页所示 左侧 列表 鼠标移入 右侧显示相应的 更多宝贝 但鼠标移到右侧更多宝贝页面时 页面却隐藏了
我的代码
//获取左侧列表
var list=document.getElementById("nav_list").getElementsByTagName("li");
//获取右侧更多内容
var list_more=document.getElementById("list_more_id").getElementsByClassName("dis_list");
var cc=""; //表示当前对象
for(var i=0;ilist[i].onmouseover=function(){
for(var j=0;jlist[j].index=j;
list_more[j].style.display="none";
}
list_more[this.index].style.display="block";
cc=this.index;
}
list[i].onmouseout=function(){
list_more[cc].style.display="none";
}
这代码存在一个bug 就是当鼠标移到右侧更多的内容的时 ,右侧内容隐藏;怎么解决??

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(1)
ringa_lee

给个建议的解决办法: 是否可以把右边的list放在左侧栏目的p下

<p id="nav_list">
    <p id="左侧栏目">
        <p id="右侧更多"></p>
    </p>
</p>

这样就可以避免mouseout触display:none了, 因为光标即使在右侧更多上,也其实mouseon在左侧栏目.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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