[jQuery] 修改jquery.stickynote.js[便签插件]与easyui结合

最新推荐文章于 2024-11-23 21:25:29 发布

原创最新推荐文章于 2024-11-23 21:25:29 发布 · 533 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#便签 #stickynote #jquery #easyui #ViewUI

J2EE 同时被 3 个专栏收录

4 篇文章

订阅专栏

jQuery

1 篇文章

订阅专栏

javascript

1 篇文章

订阅专栏

本文介绍了一个修改后的jQuery stickyNote插件版本，该版本能够与EasyUI框架良好兼容。通过调整配置参数，如字体、颜色、大小及位置等，可以创建并展示带有随机样式的便签。此外，还提供了保存便签内容的功能。

修改一下:jquery.stickynote.js

使其能够在easyui下正常使用

		function test(){
			var fonts="宋体,黑体,楷体_GB2312,仿宋_GB2312,新宋体,幼圆,隶书,方正舒体,华文新魏,华文行楷,华文细黑,华文彩云,方正姚体";
			var _fonts=fonts.split(',');
			$("<div/>").stickynote({
				//parent: '#div_center',
				title :'title',
				text: "content",
				size : 'large',
				locX:100,
				locY:Math.ceil(Math.random()*600),
				fontColor	: '#FF0000',
				fontFamily   : _fonts[parseInt(Math.random()*_fonts.length)], // 
				fontSize   : '14pt',
				onSave:function(content,title){
					alert(content+' = '+title);
				}
			});
		}

效果图: