| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 822 人关注过本帖
标题:求[点一下图,在其表面弹出一个很好看的层]的代码!
只看楼主 加入收藏
xmuer
Rank: 1
等 级:新手上路
帖 子:236
专家分:0
注 册:2007-5-10
结帖率:100%
收藏
 问题点数:0 回复次数:5 
求[点一下图,在其表面弹出一个很好看的层]的代码!
说的比较生动哈

具体的就是

我鼠标点下 这张图,在图的表面就弹出一个层,层里面的内容用来介绍这只猫(应该是这样表述吧,不是那种丑死的windows警告窗口,最好可以动态管理的),baidu了半天也没到具体的代码,那位哥们有的,发给我看看啊,谢谢!~

这个是taobao的效果,点了一下小图,弹出一个漂亮的大图。
图片附件: 游客没有浏览图片的权限,请 登录注册


[[italic] 本帖最后由 xmuer 于 2007-12-23 00:04 编辑 [/italic]]
搜索更多相关主题的帖子: 代码 
2007-12-22 17:30
xmuer
Rank: 1
等 级:新手上路
帖 子:236
专家分:0
注 册:2007-5-10
收藏
得分:0 
木有大侠知道么?
2007-12-23 00:04
zsl5566
Rank: 1
来 自:泉州
等 级:新手上路
帖 子:163
专家分:0
注 册:2006-12-12
收藏
得分:0 
[url]http://www.[/url]
这里有很多这样的实例,你可以去下下来学习!

不要给准备要做的事寻找失败的理由~~
2007-12-25 16:09
hangxj
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:2045
专家分:0
注 册:2006-4-10
收藏
得分:0 
你直接在你查看的网站就可以找到了呀,这个好像是淘宝上面有的吧~~

http://www./
2007-12-25 17:23
hangxj
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:2045
专家分:0
注 册:2006-4-10
收藏
得分:0 
今天整理代码发现了:

<script>

function hideLayer()
{
var layer = document.getElementById("popImageLayer");
layer.style.visibility='hidden';
}
function dispear(){
var layer = document.getElementById("popImageLayer");
if ((layer.style.width>0)&& (layer.style.height>0)){
layer.style.width-=1;
layer.style.height-=1;
}
else {
layer.style.visibility='hidden';
if (window.interval)
clearInterval(interval);
}
}
function popImage(obj,img,href)
{
var layer = document.getElementById("popImageLayer");
var t=obj.offsetTop;
var l=obj.offsetLeft;
while(obj=obj.offsetParent){
t+=obj.offsetTop;
l+=obj.offsetLeft;
}
////////////////////////////////////////////////////////////
var content = "<table border=0 width=180 height=180><tr><td align='center' valign='middle'>\n"+
"<A href="+href+" target=_blank><IMG src='"+img+"' onload='DrawImage(this,180,180);'  onMouseOut='low(this);hideLayer();' onMouseOver=high(this) style='FILTER: alpha(opacity=10)' border=1></A></td></tr></table>"; // onClick='hideLayer();'
/////////////////////////////////////////////////////////////
layer.innerHTML=content;
layer.style.left =l + 35 -90;
layer.style.top = t+35-90;
layer.style.visibility='visible';
}
function moveToMouseLoc(e)
{
var layer = document.getElementById("popImageLayer");
var offsetX = -5;
var offsetY = -5;
var x = event.x + document.body.scrollLeft;
var y = event.y + document.body.scrollTop;
layer.style.left = x + offsetX;
layer.style.top = y + offsetY;
return true;
}


function DrawImage(img,width,height){
if(DrawImage.arguments.length <= 1)
width=height=70;
var image=new Image();
image.src=img.src;
if(image.width>0 && image.height>0)
{
  if(image.width>width)
  {
  rate=image.height/image.width;
  newHeight=rate*width;
  img.width=width;
  img.height=newHeight;
  }
}
if(img.height>height)
{
rate=image.width/image.height;
newWidth=rate*height;
img.height=height;
img.width=newWidth;
}
}
function DrawImage50(img){
DrawImage(img,50,50);
}

function high(which2){
theobject=which2;
highlighting=setInterval("highlightit(theobject)",40);
}
function low(which2){
clearInterval(highlighting);
which2.filters.alpha.opacity=40;
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}

function delightit(cur2){
if (cur2.filters.alpha.opacity>5)
cur2.filters.alpha.opacity-=5;
else if (window.highlighting)
clearInterval(highlighting);
}
</script>

<div id="popImageLayer" align="center"  name="popImageLayer"  style="position:absolute; visibility: hidden; width: 180; height: 180;cursor: hand;border-style:solid;border-width:1pt; border-color:orange" calss=""></div>
<center>
<br /><br /><br />
<img src="admin.mall. target="_blank">http://admin.mall. ... nbsp;onMouseOver="popImage(this,'admin.mall. target="_blank">http://admin.mall. ... /200608090909231.png','http://wangfenglitai.mall. ... uot; border=0></a>
</center>

图片地地址可能要改下才,我没有重新测试~

http://www./
2007-12-29 12:26
xmuer
Rank: 1
等 级:新手上路
帖 子:236
专家分:0
注 册:2007-5-10
收藏
得分:0 
咋用呢?
试了半天没试出来,楼上发的html部分不对吧~~
可以给出具体的调用javascript的过程么
2007-12-29 14:01
快速回复:求[点一下图,在其表面弹出一个很好看的层]的代码!
数据加载中...
 
   



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

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