CSS如何给图片添加点击显示一个DIV盒子的效果

html-css010

CSS如何给图片添加点击显示一个DIV盒子的效果,第1张

首先定位div盒子的位子，然后display:none隐藏起来，然后图片调用onclik方法，即在img标签上写<img onclick="$('.div').show()">这样就可以了。

注意:$(".div")中间的.div就是你要出现的那个盒子，选择他的class，或者给他个id，表示选择TA。

做网页设计少不了三剑客DW/FW/FLASH

你要快速定位图片的坐标位置

可以使用DW工具，把图片导入，然后点击一下图片，就会在信息栏显示图片所在的坐标

如果还有疑问，欢迎你追问！

举例说明一下：

<img src="图片路径" usemap="#pic" />

<!--以上插入图片，并调取下面的<map>元素中的ID标识，这很重要-->

<map name="pic" id="pic">

<area shape="rect" coords="20,30,40,50" href="链接路径" />

<!--以上是一个方形区域，请自行更改coords中4个坐标值-->

</map>