但是想要有交互特效，比如点击、拖曳、失焦、聚焦等特效都是需要结合js、jq来实现的。因此没办法做到点击a标签达到显示a内部其他dom内容。
不过css有个hover能实现鼠标移动到a标签上展示其下内容。比如最常见的鼠标经过展示下拉框，使用纯css就能达到，主要原因就是使用hover经过将下面的ul.submenu给显示出来
例如
<a href="#" id="a1">xxx
<ul style="display:none/*一开始是隐藏的，为了说明直接写在节点上*/">
<li><a href="#">111</a></li>
......
</ul>
</a>
css:
#a1:hover ul{ display:block/*鼠标经过将ul显示出来*/}
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：a:visited {color: blueviolet}。
3、浏览器运行index.html页面，此时超链接文本单击后的样式被设置了文字紫色颜色。
首先定位div盒子的位子，然后display:none隐藏起来，然后图片调用onclik方法，即在img标签上写<img onclick="$('.div').show()">这样就可以了。注意:$(".div")中间的.div就是你要出现的那个盒子，选择他的class，或者给他个id，表示选择TA。
