日期:2014-5-17 浏览次数:20102次

纯CSS写的弹出层问题
我想要用图片作为一个链接,当鼠标移到图片上的时候就在图片的下面弹出相应的层。类似于淘宝上旺旺客服模块,当鼠标移到旺旺图标上的时候,就弹出底下对应的旺旺列表!现在想要用CSS去写,不用JS代码,不知道怎么去实现,有那位知道的高手们给我一点思路,最好能给个例子把!感激不尽!谢谢!

------解决方案--------------------
探讨
不会把,好像可以用CSS的隐藏来实现的,但是我不知道具体怎么操作!

------解决方案--------------------
怎么可能用css写出来啊???刚写的一个jquery的,看下吧
JScript code

</script>
       <script type="text/javascript"> 
        $(document).ready(function(){                
        $(".flipa").click(function(){
            $(".panela").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipb").click(function(){
            $(".panelb").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipc").click(function(){
            $(".panelc").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipd").click(function(){
            $(".paneld").slideToggle("slow");
          });
        });
        
        </script>

------解决方案--------------------
HTML code

<div id="outer">
    <a href="url"><img src="url" /></a>
    <div id="inner">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

------解决方案--------------------
给你看个demo! 纯css的显示隐藏

源码就自己看源文件吧。。应该你想要的效果都能搞定!