jquery实现新浪微博的表情插件(2)
来源:未知 责任编辑:责任编辑 发表时间:2014-05-20 18:33 点击:次
<textarea id="J_t" style="width:100%;">点击"表情"添加</textarea>
<a class="exp-block-trigger" href="javascript:;">表情</a>
<button id="J_sbt" type="button">check</button>
</div>
<div id="J_resulte" style=" width: 500px; height: 200px; border:1px solid green; margin: 0 auto; "></div>
<div class="holder-note">
<h2>说明</h2>
<p>此表情插件借助jquery实现,特色:</p>
<ul>
<li> 一次性初始化,</li>
<li>可以全局控制(打开,关闭),</li>
<li>可以远程调取表情数据,</li>
<li>提供对表情代号的转换.</li>
<p>
$.expBlock.initExp({</br>
expData:null</br>
holder: '.exp-holder',</br>
textarea : 'textarea',</br>
trigger : '.exp-block-trigger',</br>
grpNum : 5,</br>
posType : 'absolute',</br>
zIndex : '100'</br>
*/
});
</p>
<h3>note: 需要提供的相应css文件支持</h3>
</ul>
</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
$.expBlock.initExp({
/*
//用户表情结构数据
expData: [{name: '默认',icons:[{url:"../resources/js/plugins/exp/img/zz2_thumb.gif",title:"织"},{url:"../resources/js/plugins/exp/img/horse2_thumb.gif",title:"神马"}]}]
//包含textarea和表情触发的exp-holder
holder: '.exp-holder',
//exp-holder中的textarea输入dom,默认为textarea,
textarea : 'textarea',
//触发dom
trigger : '.exp-block-trigger',
//每页显示表情的组数
grpNum : 5,
//位置相对页面固定(absolute)||窗口固定(fixed)
posType : 'absolute',
//表情层数
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>