问题是:js是如何实现鼠标移动到不同栏位切换对应的显示内容的?

2024-11-06 06:04:33
推荐回答(3个)
回答1:

给你一个示例代码吧,引用了jQuery框架。你可以将这个js文件下载到本地或直接使用例子中的远程地址(不过由于国内google经常访问不了建议下载下来)




    
    
        function switchContentBox(obj) {
            obj = $(obj);
            var contentBox = obj.parents('div.box:first').children('div.content');
            var index = obj.attr('item');
            contentBox.children().hide();
            contentBox.children(':eq(' + index + ')').show();
        }
    



    
        Demo1
        Demo2
    

    
        
Content of Demo1

        Content of Demo2

    



回答2:

鼠标的移入(onmouseover)事件实现。
1、当鼠标移入一个栏位时,触发移入事件,这个事件负责将当前栏位对应内容显示,其他内容隐藏

回答3:

mouseenter,mouseleave等mouse事件触发对应模块的显示隐藏

相关问答
最新问答