如何实现点击图片后出现一个DIV层,就像论坛回复后可见的效果

<a href=“......." target="_blank"><img src="..."/></a>
<div>....</div>
刚开始图片下面的DIV层是隐藏的,我想实现的是点击上面的图片后,DIV层出现,但是不影响页面跳转,就是点击的那个链接在一个新的窗口中打开。用javascript、css实现都可以,只要能实现就行,求助!!

你换种方法实现。把图片做成背景图然后在A标签上面加个事件。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js显示隐藏层</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid,objN){

var target=document.getElementById(targetid);
var aa=document.getElementById(objN)

if (target.style.display=="block"){
target.style.display="none";
aa.innerText="显示";

} else {
target.style.display="block";
aa.innerText='隐藏';
}

}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#CCCCCC;
height:100px;
width:700px;
display:none;
}

-->
</style>
</head>

<body>
<a href="#" id="aa" onClick="toggle('div1','aa')">显示</a>
<div id="div1">这里是你显示隐藏层的内容</div>
</body>
</html>
如果你不想显示文字直接增加一串css即可text-indent:-999em;
默认A标签是不能调整大小的需要增加display:block这样就能控制和你的图片大小一致了。
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-06-09
用JAVASCRIPT的事件来做,也就是ONCLICK.............等来修改CSS的值就可以了实现了

Discuz论坛如何实现全站图片自动加alt属性
一张图片没有写alt属性的情况下搜索引擎是不能识别的,所以alt属性的第一大作用是让搜索引擎很好的识别;作为SEO人员alt属性是必须要会的!其次,在图片出现加载失败时,还能够让访客理解图片所阐述的内容!三, Discuz论坛图片实现自动加alt属性的方法:作为dz的站长们都知道,在编辑器里面是没有添加alt...

...的一个论坛,论坛里面的引用这个功能怎么实现,给出关键的代码,本人不...
点击“引用” 这个调用的是Action,action后面必须传值,传的值就是要引用的这个回复在数据库中的id(数据库千万要设计好)。action调用的根据id查找回复的方法。应该可以用js或者别的简单方法实现。我不太会js 应该就是通过dom操作,拿到td或者div的id,然后截取其中的文本或者从>开始截取到<之前(你懂...

用ASP技术如何让实现点击一个按钮弹出一个带确定的输入框?
你可以做成弹出能返回参数的对话框,弹出的页里搞一个输入框你输入,就像编辑器那样了。弹出窗口代码:<script laguage="javescript"> var url="url.htm";var w=showModalDialog(url,window,"dialogWidth:350px;dialogHeight:230px;help:no;scroll:no;status:no;");\/\/这里W就是返回所获得的值。do...

淘宝首页全屏图片效果是怎么做出来的。
1、首先进入自己的淘宝店,然后进入装修页面。 进入装饰页面有两种方式,一种是进入淘宝首页,右上角有一个卖家中心,点击进入即可看到店铺,点击进入即可显示店铺 在商店右侧的商店单击此处以获得装饰功能。2、这是进入我的商店的装修页面后的截图。 在下面,将用鞋替换图片中包的图片。 接下来,如何修改...

discuz论坛程序回复成功后,会弹出一个橘黄色的提示加金币的.这个代码谁...
你要会 css和ajax 就容易了 只要用css在页面定义一个 div 开始隐藏 其他样式自己定义 发表消息采用ajax成功后就显示该div 绝对定位在你要显示的地方 内容随便你添加 ok?

帮帮忙设计一个论坛登陆框的html代码
如何使登陆按钮登陆即跳出新窗口,很简单,你点击form 表单,也就是那条红线.下面有个属性窗口,在属性窗口的目标栏选择._blank 就可以了_blank 表示打开新窗口.如果什么都不选就表示在当前窗口.其他几个不经常用,所以不记得了.---我重新做了一个!但是你要先下两张图片才行.把下面两张图片放在同...

如何在AE中实现若干图片按照一个圆形路径旋转的效果,最好能说说具体操作...
1. 打开Mask(路径)里面的 [遮罩形状] 属性 左键按一下[遮罩形状] Ctrl+C复制 2.选中一个图片层, 打开P键位置属性, Ctrl+V 粘贴.(这个图片就自动形成一个从路径的开始点走到结束点的动画)3.每个图片都要指定一次.而且貌似还要重新调整角度.达到图片的分布效果.[注意] 指定Mask路径为关键帧之前...

淘宝专业版店铺装修如何实现首页全部通栏(通栏海报几个包括底部,背景也...
X宝新旺铺设置1920通栏店招方法其实很简单,采用背景延伸的方法就可以,为了让你看的懂,我就用店铺截图一步一步的做下。首先呢,需要选择一套新旺铺模板!第一步:大多数模板都会自动生成店招!可很多时候我们需要自定义店招来达到要求的效果 制作一张喜欢的店招图片!X宝规定店招的宽度为950,高度最高...

dreamweaver如何实现让几张照片自动播放,当鼠标点击时也可以播放!_百 ...
dreamweaver如何实现图片鼠标点击自动播放操作如下:<html><style type="text\/css">img{width: 200px;height: 200px;}<\/style><script language="JavaScript" type="text\/javascript">function fn(n){var nextn;if(n==3){nextn=1;}else{nextn=n+1;}document.getElementById("img"+n).style....

如何在UCenter Home中显示论坛主题
论坛 URL:设置数据调用中论坛的 URL 地址,如留空则用系统默认值。填写好上面的信息,可以点击“预览”,查看一下调用的信息是否正确,然后点击“提交”,则创建完成一个调用。可以点击导航上的“管理”查看 这样关于论坛主题列表的调用就完成了。3、开启外部调用 上面的调用会生成一个“外部调用代码”,...

相似回答