怎么一点击一个图标就显示出表情出来是怎么做的,如下图片

求问,大哥大姐提点:怎么一点击一个图标就显示出表情出来是怎么做,的如下图片 就像本网站的提问内容里有

一个表情我一点击这个表情就弹出一个面板出来显示所用的表情,抓图如下;

可以用JavaScript实现

1.在图片上触发一个 onclick 事件,调用 myClick()这个方法。

2.在JavaScript里有一个方法myClick().
function myClick(){
//让隐藏的层显示
document.getElementById("divName").display="block";
}
3.有一个放表情图片的层,初始时让层 隐藏

.....

4.点击图片调用方法即可显示层

5.你如果要定位层显示时的位置，在这里不做详细的介绍。自己好好算吧。

这不就是搞了一个div里面包含所有的表情图片，你再点一个表情，再弹出一个div里面包含这个表情