网页中卡片效果的制作，有问题想请教各位！！！！！！！！！！！！！！！！！！！！！！

Question

javascriptweb开发

Answer 1

jQuery插件
http://www.cnblogs.com/lhb25/archive/2011/07/20/33-mega-jquery-image-plugins-collection.html
http://www.cnblogs.com/lhb25/archive/2011/05/31/2056103.html我能提供的思路
<div><img data-desc="这是图片描述" /></div>
等鼠标移到这个图片上
获取div的x y 高  宽
创建一个相等的 x y 高  宽  绝对定位 飘在图片div上

Answer 2

感觉你的思路和我要的效果不是那么吻合，我去试一试。麻烦你再看看我的代码，能不能修改一下，让他实现？我是做后端开发的~不过认真地看一下你的代码~发现问题的所在了~ 你没有引用jQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
        function teacher(i) {
            $("#teacher_" + i).hide();
            $("#xiangxi_" + i).css('display', 'table-cell');
        }
        function xiangxi(i) {
            $("#xiangxi_" + i).css('display', 'none');
            $("#teacher_" + i).css('display', 'table-cell');
        }
    </script>另外js 最好放在</body>后面

Answer 3

感觉你的思路和我要的效果不是那么吻合，我去试一试。麻烦你再看看我的代码，能不能修改一下，让他实现？我是做后端开发的~不过认真地看一下你的代码~发现问题的所在了~ 你没有引用jQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
        function teacher(i) {
            $("#teacher_" + i).hide();
            $("#xiangxi_" + i).css('display', 'table-cell');
        }
        function xiangxi(i) {
            $("#xiangxi_" + i).css('display', 'none');
            $("#teacher_" + i).css('display', 'table-cell');
        }
    </script>另外js 最好放在</body>后面
太感谢你了！！！！我第一次用js ，不知道要引用。谢谢谢谢！！！！！！