cari

Rumah >pembangunan bahagian belakang >tutorial php >留言板上神情的添加

留言板上神情的添加

WBOY
WBOYasal
2016-06-13 11:06:49910semak imbas

留言板上表情的添加
就是点击表情按钮，会弹出类似QQ表情的框，这是怎么做的呀？
是不是要用到插件呀？？我有一个插件portraitSelect.htm，可是不知道要怎么用，

谁有类似的代码，发出来给我看看呗！！感谢大家
------解决方案--------------------
在fckeditor  里有表情 自定义；可以借来用哦
------解决方案--------------------
var someValue=window.showModalDialog();
获取返回值 赋值给相应的文本框

------解决方案--------------------

引用:
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>
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Fatal error: Out of memory (allocated 1916534784) (tried to allocate 44 bytes)解决办法Artikel seterusnya：为何引用图片显示叉叉？求解

Artikel berkaitan

Lihat lagi