留言板上神情的添加
Jun 13, 2016 am 11:06 AM
留言板上表情的添加
就是点击表情按钮,会弹出类似QQ表情的框,这是怎么做的呀?
是不是要用到插件呀??我有一个插件portraitSelect.htm,可是不知道要怎么用,
谁有类似的代码,发出来给我看看呗!!感谢大家
------解决方案--------------------
在fckeditor 里有表情 自定义;可以借来用哦
------解决方案--------------------
var someValue=window.showModalDialog();
获取返回值 赋值给相应的文本框
------解决方案--------------------
这样就行
这个方法有很多,不要被qq表情给局限住了,随便弄个div排好版,根据js操作就可以的
------解决方案--------------------
我幫你用jquery寫好了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br /><title> - </title><br /><script type='text/javascript' src="@bak/jquery-1.5.2.min.js"></script><br /><script type='text/javascript'><br />(function($){<br /> //擴展方法<br /> $.pop=function(_this,_type,_mess,_P,_tim,_script){<br /> $("#p_o").remove();<br /> if(_type){<br /> var Loc;<br /> if(typeof(_this)=='object'){<br /> _this=_this;<br /> }else{<br /> _this="#"+_this;<br /> }<br /> if(!_this){return;}<br /><br /> try{<br /> Loc=$(_this).offset();<br /> _T=Loc.top;<br /> oW=$(_this).css("width");<br /> }catch(e){}<br /><br /> popcss='<style type="text/css">';<br /> popcss+='#p_o{width:auto;left:'+Loc.left+'px;background-color:#ECECCA;border:1px solid #B39F82;padding:1px;position:absolute;display:block;z-index:9999;opacity:0.95;}';<br /> popcss+='#p_o div{background-color:#FEFEEA;padding:2px;}';<br /> popcss+='#p_o .i{background:url("/img/pop.gif") no-repeat scroll 0 0 transparent;}';<br /> popcss+='#p_o .r{word-wrap:break-word;padding:5px;margin:0;line-height:20px;color:#AF7132;}';<br /> popcss+='</style>';<br /><br /> $("body").prepend('<div id="p_o">'+popcss+'<div><p class="r">'+_mess+'</p></div><span class="i p"></span></div>');<br /><br /> _T=_T+parseInt($("#p_o").css("height"))/2;<br /> $("#p_o").css("top",_T);<br /> if(_tim){window.setTimeout('$("#p_o").remove();',_tim);}<br /> if(_script){eval("("+_script+")");}<br /> }else{<br /> $("#p_o").remove();<br /> }<br /> }<br />})(jQuery)<br /><br /><br /><br />$(function(){<br /> $('#c1').click(function(){<br /> _img=$('#img').html();<br /> $.pop($(this),'show',_img);<br /> })<br /> <br /> $('#c2').click(function(){<br /> $('#t1').attr('readonly');<br /> })<br />});<br /></script><br /></head><br /><br /><body><br /><input value="添加表情" id="c1"><br /><div id='img'><br /><img src='1.jpg' style="max-width:90%" style="max-width:90%" alt="留言板上神情的添加" ><img src='2.jpg' style="max-width:90%" style="max-width:90%" alt="留言板上神情的添加" ><br /></div><br /></body><br /></html>

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Solution : Votre organisation vous demande de modifier votre code PIN

Comment ajuster les paramètres de bordure de fenêtre sous Windows 11 : modifier la couleur et la taille

Comment changer la couleur de la barre de titre sous Windows 11 ?

Problèmes d'erreur OOBELANGUAGE dans la réparation de Windows 11/10

Comment activer ou désactiver les aperçus miniatures de la barre des tâches sur Windows 11

Quelles sont les différences entre Huawei GT3 Pro et GT4 ?

Afficher le guide de mise à l'échelle sur Windows 11

10 façons de régler la luminosité sous Windows 11
