请教高手,点图片或者文字,旁边出现框这样的代码怎么写
请问高手,点图片或者文字,旁边出现框这样的代码如何写?
请问高手,点一个图片或者文字,旁边出现一个框介绍的实例代码是什么?自己改了几个代码,本地测试很好,但是放上去就不好,所以想专门问一个这个代码的例子,感谢高手,周末愉快!
如图:
鼠标点击影视小海报,旁边出现有简介的框。
------解决方案--------------------
请问高手,点一个图片或者文字,旁边出现一个框介绍的实例代码是什么?自己改了几个代码,本地测试很好,但是放上去就不好,所以想专门问一个这个代码的例子,感谢高手,周末愉快!
如图:
鼠标点击影视小海报,旁边出现有简介的框。
------解决方案--------------------
- 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>