1、首先要做好素材,下载或自己制作一套包含多个表情的图片。
2、将这些图片放在一个文件夹下,比如biaoqing,用数字顺序给表情图片命名。
3、新建一个PHP文件,输入下面的代码,目的是做成一个显示出表情的表格。运行后如图:
4、建一个DIV标签,取名为div1,用来显示表情,添加contenteditable="true"属性,使这个div1能够处于编辑的状态。
5、为表情图片添加点击事件,比如点击事件名称为dianji,该事件设置1个参数,参数内容为图片的文件名,也就是 $i*10+$j
6、加入jianji事件代码:
7、运行效果如下: