纯CSS写的弹出层有关问题

2012-04-26

纯CSS写的弹出层问题我想要用图片作为一个链接，当鼠标移到图片上的时候就在图片的下面弹出相应的层。类似于

纯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的显示隐藏

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

热点排行