如何实现点击网站上的某个图片,然后弹出一个DIV一样的用来显示详细描述,图片地址,参照下面地址

<img src="...." id=image onclick="xs()" />
<div id="box" style="visibility:hidden;">这里是描述内容</div>
<script type="text/javascript">
function xs(){
document.getElementById('box').style.visibility="visible";
}
</script>
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-02-27
img的onclick 设置描述的div插入内容

如何实现点击网站上的某个图片,然后弹出一个DIV一样的用来显示详细描述...
<img src="..." id=image onclick="xs()" \/> <div id="box" style="visibility:hidden;">这里是描述内容<\/div> <script type="text\/javascript"> function xs(){ document.getElementById('box').style.visibility="visible";} <\/script> ...

触发图片上的某个区域或者某个按钮可以显示出图片的具体信息和链接_百 ...
可以使用浮动层来实现。从底层说起:数据层,记录你要做的按钮距离图片左上角的位置(坐标值)。数据库查询、逻辑处理后输出到界面。界面上图片放在一个Div中(我们这里称之为divImage),divImage设置为相对定位。而divImage内,除了放图片之外,就根据查出来的数据,建一响应数量的Div(我们这里称之为d...

html里如何点击图片弹出视频播放
1、首先在电脑上启动DW网页编辑器,新建一个html网页。2、然后在body中插入一个div【<div><\/div>】,并在head中引入CSS【<style type="text\/css"><\/style>】。3、然后给DIV定义一个CSS,设置宽高属性等,并写一段文字。4、接着在样式中,加入禁止选择文字的样式。5、最后保存网页并刷新后,再...

如何设置一个图片点击后显示一个视频文件
用图片链接地址代码 点图片看效果 1在文章中:点发表文章--勾选“显示源代码”,在<DIV><\/DIV>之间插入以下代码---点发表文章 2在首页左侧:进入“控制面板”——首页内容维护——自定义空白面板——新增——勾选“显示源代码”(这个是关键)——在<DIV><\/DIV>之间插入以下代码(字体必须...

html中点击图片促发一个DIV
在图片的div里添加属性onmouseover=“divjs()”然后<script>function divjs(){这里写div操作}<\/script> 还有一个就是用js实现:这是我的一个鼠标经过触发,你自己可以仿照着改 (document).ready(function () { ("#accordion img").css({ display: "none",left: "auto"});("#accordion img")...

点击图片显示div,再点击相同图片时出现另一个div
下面是点击图片出现div1,在点击图片div1消失,div2出现。定义一个变量 var a=0 每当点击一下图片时a在原来基础上+1 (img).click(function(){ a=a+1;});判断a除以2的余数(任何数除以2都只会有2个余数,0或1.),当余数=1时,div1显示,其他情况下,div2显示,div1消失。if (a%2=1)...

html网页中 如何 鼠标经过图片 然后旁边显示字体 或者 在另外一个模...
<img src="路径" title="DREAM" alt=""\/> title加东西就行了

js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层...
1、遮罩层:<div id="back"><\/div> ,即作为背景层,覆盖整个页面。弹出层:<div id="form"><\/div>,即背景层上的一层,此层可根据#form{top: 10%; left: 10%;width: 20%;height: 30%;},调整弹出层的弹出位置。2、弹出层和遮罩层全部为div标签,可以利用display来控制显示和隐藏的...

网页代码中鼠标移到图片某个区域自动弹出另一张小图的代码怎么编辑?
}.img1 {top: 199px; left: 153px;}.img2 {top: 369px; left: 552px;}.img3 {top: 411px; left: 632px;}.hotspot:hover + .bigImg {display: block;}<\/style><\/head><body><div class="main-wrap"> <img src="bg.jpg" usemap="#Map"> <map name="Map"> <are...

HTML\/CSS 点击一个文字或者图片 弹出一个DIV。点击文字的不同,弹出的...
用js来做,首先设置2个隐藏的div,当电议某一个文字的时候用js促发某个div显示,并关闭原来显示的div。

相似回答
大家正在搜