欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery表情編輯器

李明濤1年前8瀏覽0評論

jQuery表情編輯器是一款非常方便的插件,它可以在網頁中直接使用表情符號,讓頁面變得更加生動有趣。以下是一些關于jQuery表情編輯器的介紹:

$("textarea").emoji({//選擇器
button: ".emotion",//觸發表情的 class 和 id
	width: "300px",//表情寬度
	height: "200px",//表情高度
	animate: "fadeInUp",//動畫效果
	placeHolder: "發表新內容",//占位文字
});

通過在 textarea 中使用上述代碼,可以在網頁中添加一個表情編輯器。其中 Button 屬性是觸發表情的 class 和 id,寬度和高度可以按照需求進行調整,動畫效果可以選擇常見的動畫效果之一,例如:fadeInUp、fadeInDown 等等。

$.fn.emoji = function(options) {
	//默認參數
	var defaults = {
button: "",
width: "300px",
height: "200px",
animate: "fadeInUp",
placeHolder: "",
	};
var opt = $.extend({}, defaults, options);
//插入 HTML DOM 節點
	var html = "";
	html +=
'<div class="emoji-box">' +
'	<div class="emoji-list">' +
'		<ul>';
	for (var i = 1; i <= 30; i++) {
html += '<li></li>';
	}
	html +=
'		</ul>' +
'	</div>' +
'	<div class="emoji-face">' +
'		<textarea placeholder="' +
opt.placeHolder +
'"></textarea>' +
'		<i class="fa fa-smile-o"></i>' +
'	</div>' +
'</div>';
	$(this).after(html);
};

上述代碼是表情編輯器的基本代碼,其中第一行代碼定義了一個叫做 emoji 的函數。里面定義了一些默認參數,如按鈕、寬度、高度等,并通過 $.extend 方法將這些參數合并為一個對象 Options。接下來,插入了一段 HTML 代碼,包括表情列表和文本框,以及一個放置表情按鈕。

總而言之,jQuery表情編輯器是一個非常實用、好用的插件。通過添加表情符號,可以增添網頁的趣味性,更加吸引用戶的眼球。如果您想對網頁進行美化,那么jQuery表情編輯器絕對是您的首選。