编程论坛 → ASP技术论坛

这个ASP指向图片显示信息怎么做的

lovewdd1314 发布于 2012-07-02 09:58， 637 次点击

只有本站会员才能查看附件，请登录

如上图。指向绿色框的列表，显示出大图和简介。这个怎么弄的哦。请各位详细说一下。最好发js代码出来哦。链接也行。非常感谢

5 回复

#2

yms1232012-07-02 13:34

div的浮动层实现的，事先做好一个浮动层设置为隐藏，鼠标放在图片上就显示，移开就隐藏

#3

lovewdd13142012-07-02 16:40

回复 2楼 yms123

有没有这样的例子呢？

#4

coretear2012-07-02 16:43

这个不需要啥例子直接写个

#5

coretear2012-07-02 16:55

程序代码：

<script>
//获得对像绝对位置
var divtop,divleft
function getIE(e){
    var objtop=e.offsetTop;
    var objleft=e.offsetLeft;
    while(e=e.offsetParent)    {
        objtop+=e.offsetTop;
        objleft+=e.offsetLeft;
    }
    divtop = objtop
    divleft = objleft
}
//参考对象处显示对象位置,绝对位置
function Odiv(obj,div,yplace,xplace){
    getIE(obj)
    if (div.style.display=="none"){
        div.style.left = divleft + xplace;
        div.style.top = divtop + yplace;
        div.style.display = "";
    }else{
        div.style.display = "none"
    }
}
</script>
<a href="####" onclick="Odiv(this,ddd,0,0)">点我</a>
<div id="ddd" style="position:absolute;display:none; border:1px solid #000; width:200px; height:200px">我出来了</div>

临时搞个给你

#6

netlin2012-07-08 01:11

学习了！

1