jquery 新浪网易的评论块制作

效果图如下:
jquery 新浪网易的评论块制作_第1张图片
技术要点:
1。因为 textarea里面不能放图片,所以和新浪的做法一样,选用iframe放内容,然后隐藏一个 textarea用于提交。

2 。JQqery tab 插件的使用(文盲都会)
先引用这三个:
复制代码 代码如下:





然后:
$(function() {
$("#tabs").tabs();
});

3。 让iframe可编辑
window.frames["iframe1"].document.designMode='on';

4。 打开简易窗体
var newwindow = window.open("tab.htm",'_blank', toolbars=0,resizable=1);

5。 iframe里执行父窗体的方法
window.opener.XXX(xxx);


其实也就三个页面,不愿下载的直接复制粘贴,拿去就能用。大家有什么好的想法或创意欢迎讨论。
复制代码 代码如下:



插入表情













复制代码 代码如下:




Untitled Page














复制代码 代码如下:













6。 demo 下载

你可能感兴趣的:(jquery 新浪网易的评论块制作)