JS代码: 鼠标滑过展示大图片的

JS代码: 鼠标滑过显示大图片的
鼠标滑过显示大图片的JS代码



1. 在样式文件表中加载浮动框的样式要添加一个div了先
       
        .border_preview {
            text-align:center;
            width:145px;
            height:205px;
            border:1px solid #CCC;
            background:#ddd; z-index:500;
            overflow:hidden;
            position:absolute;
        }

        .preview_temp_load {
            text-align:center;
            vertical-align:middle;
            height:385px;valign:middle;
        }

      

2. 在前台页面加载脚本文件
    <script src="preview_templates.js" language="JavaScript" type="text/javascript"></script>
    <script src="loader.js" language="JavaScript" type="text/javascript"></script>

3. 设置需要显示的小图与弹出框的大图
            <li><img src="images/2-a.jpg" style="height:380px width:380px;" onmouseover="showtrail('images/1-a.jpg', '', 750, 480);" onmouseout="hidetrail();"/></li>