我在点击与此网站http://www.google.com.ph/nexus/类似的导航按钮上与此网站类似的img a href链接时生成内容。
我尝试过使用：after和content：伪元素，但内容只能显示链接。当我点击链接时，我将如何显示div。
当我点击类似于此网站http://www.google.com.ph/nexus/的导航图标时，我想生成一个div。我的小提琴http://jsfiddle.net/。我将如何实现这一目标。我想通过特定的div而不是链接生成内容。任何帮助将不胜感激。
这是我的HTML
<div id="center">
<ul>
<li>
<p>
<a href="http://www.google.com.ph/nexus/">
<img src="https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/menu-24-24.png">
</a>
</li>
</div>
</html>
这是设计css
ul li
{
list-style:none;
}
li a
{
content:url("https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/menu-24-24.png");
}