标题:这个ASP指向图片显示信息怎么做的
只看楼主
lovewdd1314
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2012-7-2
结帖率:0
已结贴  问题点数:20 回复次数:5 
这个ASP指向图片显示信息怎么做的

如上图。指向绿色框的列表,显示出大图和简介。这个怎么弄的哦。请各位详细说一下。最好发js代码出来哦。链接也行。非常感谢
搜索更多相关主题的帖子: 最好 js代码 图片 
2012-07-02 09:58
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
得分:7 
div的浮动层实现的,事先做好一个浮动层设置为隐藏,鼠标放在图片上就显示,移开就隐藏
2012-07-02 13:34
lovewdd1314
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2012-7-2
得分:0 
回复 2楼 yms123
有没有这样的例子呢?
2012-07-02 16:40
coretear
Rank: 4
等 级:业余侠客
威 望:1
帖 子:102
专家分:244
注 册:2012-6-5
得分:7 
这个 不需要啥例子 直接写个
2012-07-02 16:43
coretear
Rank: 4
等 级:业余侠客
威 望:1
帖 子:102
专家分:244
注 册:2012-6-5
得分:0 
程序代码:
<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>

临时搞个给你
2012-07-02 16:55
netlin
Rank: 13Rank: 13Rank: 13Rank: 13
等 级:贵宾
威 望:24
帖 子:544
专家分:4308
注 册:2012-4-9
得分:7 
学习了!

做自己喜欢的事!
2012-07-08 01:11



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-372633-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.054277 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved