jquery鼠标滑过表情图片选择一个表情切换插件 - faceMocion

FaceMocion.js是一款仿Facebook切换表情符号的jQuery插件。该jQuery插件使用一张表情符号的雪碧图作为背景图片，通过jQuery和CSS3过渡效果制作出平滑过渡的表情符号切换效果，适合用于制作文章的点赞和评论效果。

使用该表情符号切换插件需要在页面中引入faceMocion.css和jquery，以及faceMocion.js文件。
<link href="faceMocion.css" rel="stylesheet" type="text/css" />
<script src="jquery.min.js"></script> 
<script src="faceMocion.js"></script>    

HTML结构

可以通过一个<input>元素来制作表情符号的切换元素。
<input type="hidden" value="amo" class="facemocion"/>
<input type="hidden" value="asombro" class="facemocion"/>   

初始化插件

在页面DOM元素加载完毕之后，可以通过faceMocion()方法来初始化该jQuery插件。
$(".facemocion").faceMocion();                  
你可以在初始化插件的时候传入自定义参数，可以在一个容器上调用插件。
$('#example4').faceMocion({
      option: value
});