读书人

请教高手点图片或者文字旁边出现框

发布时间: 2012-03-11 18:15:39 作者: rapoo

请问高手,点图片或者文字,旁边出现框这样的代码如何写?
请问高手,点一个图片或者文字,旁边出现一个框介绍的实例代码是什么?自己改了几个代码,本地测试很好,但是放上去就不好,所以想专门问一个这个代码的例子,感谢高手,周末愉快!

如图:

鼠标点击影视小海报,旁边出现有简介的框。

[解决办法]

HTML code
<html><head>    <title></title>    <style type="text/css">        .mm {            margin: 10px;            position: relative;            width: 100px;            height: 100px;            background-color: #ccc;        }        .dd {            position: absolute;            width: 100px;            height: 200px;            background-color: #eee;            left: 110px;            top: 0px;            display: none;        }    </style>    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>    <script language="JavaScript" type="text/javascript">        $(function() {            $('div.mm').mouseover(function() {                $(this).children('.dd').show();            });            $('div.mm').mouseout(function() {                $(this).children('.dd').hide();            });        });    </script></head><body>    <div class="mm">        abc        <div class="dd">edf</div>    </div>    <div class="mm">        abc        <div class="dd">edf</div>    </div>    <div class="mm">        abc        <div class="dd">edf</div>    </div></body></html> 

读书人网 >CSS

热点推荐