`
PeTiRo
  • 浏览: 17496 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

[jQuery] 修改jquery.stickynote.js[便签插件]与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);
				}
			});
		}

 效果图:

 

 

  • 大小: 104.9 KB
分享到:
评论

相关推荐

    jQuery.Sticky.js:一个简单的轻量级插件,如果元素即将从视图中消失,它可以使元素随窗口滚动

    jQuery.Sticky.js 一个轻量级插件,如果元素即将从视图中消失,它可以使元素随窗口滚动。 试图解决同一问题的其他插件似乎过于冗长,并且倾向于删除更改 DOM 或修复元素,这会导致我的网络应用程序出现其他问题...

    jquery.sticky.js:jQuery 固定位置插件

    Sticky 是一个 jQuery 插件,允许您在用户滚动时将元素固定在屏幕上。 Sticky 与其他固定元素插件的不同之处在于它在流体布局中工作,并允许您为粘性元素定义特定的停止点。 用法 // Simple $ ( '.selector' ) . ...

    sticky note source code

    标题中的“sticky note source code”指的是使用C#和.NET编程语言开发的一款便签应用的源代码。这通常是一个小型桌面应用程序,用户可以用来快速记录和查看简短的信息,类似于现实生活中的便利贴。这类程序通常具备...

    jquery-sticky:一个 jQuery 插件,在滚动时粘住导航栏

    jQuery 粘性一个 jQuery 插件,在滚动时粘贴元素(例如导航栏)。 设置很简单。 它可以添加到任何现有页面,而无需更改 HTML 标记。 请参阅。 如果你选择了几个元素,都被卡住了。 它们可以并排放置,也可以叠加(见...

    jQuery滚动效果插件 Waypoints.zip

    **jQuery滚动效果插件Waypoints** Waypoints是一个强大的jQuery插件,专为开发者设计,用于在用户滚动网页时触发特定的事件。这个插件的核心功能是监控页面元素何时进入或离开浏览器视口,从而实现丰富的动态滚动...

    jQuery 消息通知 Gritter.zip

    8. **易于整合**:由于其轻量级和模块化的特性,Gritter很容易与现有的jQuery项目集成,不需要大量的代码修改。 在"压缩包子文件的文件名称列表"中,我们看到的是`Gritter-master`,这通常意味着这是一个源代码版本...

    sticky:jquery.sticky.js 设置元素跟随页面滚动,效果可参见CSS中的sticky属性

    jquery.sticky.js说明:设置元素跟随页面滚动,效果可参见CSS中的sticky属性依赖:jQuery使用示例(示例请参加demo里的代码): //设置sticky,元素距离页面顶部100像素 $(".demo").sticky({ top: 100 });...

    stickyheaderjs是一款非常实用的兼容IE8浏览器的页面顶部固定jQuery插件

    总的来说,Sticky-header.js是一个强大的、易于使用的jQuery插件,它简化了在各种浏览器上实现页面顶部固定效果的过程,特别是对于那些需要考虑旧版IE浏览器的项目。通过灵活的参数设置和回调函数,开发者可以轻松地...

    jquery滚动固定侧边栏插件

    **jQuery滚动固定侧边栏插件详解** 在网页设计中,侧边栏通常用于放置导航菜单、目录或相关链接,方便用户快速访问不同内容。随着网页内容的增多,当用户向下滚动页面时,传统的侧边栏会随之消失,这可能会影响用户...

    38、jQuery左侧固定导航栏插件stickySidebar

    本文将详细讲解"jQuery左侧固定导航栏插件stickySidebar"这一主题,帮助你理解如何利用这个插件创建高效且用户体验良好的网页布局。 首先, stickySidebar 是一个专门用于创建响应式页面布局的jQuery插件。它的主要...

    StickySidebar用于实现智能和高性能粘性侧边栏的jQuery插件

    5. **易于集成**:只需引入jQuery库和Sticky Sidebar的JS与CSS文件,然后用简单的HTML结构和少量的JavaScript代码即可实现粘性侧边栏功能,降低了开发者的学习曲线。 6. **兼容性**:Sticky Sidebar支持大部分主流...

    jquery.smart-sticky.js:易于使用的粘性元素脚本

    jquery.smart-sticky.js 易于使用的粘性元素脚本。安装npm install jquery.smart-sticky.js如何贡献为项目加! 发现。 关于jquery.smart-sticky.js的...作者与社区jquery.smart-sticky.js已获得。 它是由创建并维护的。

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI 1.4.5版本更新内容: Bug(修复) datagrid:修复在调用updateRow方法之后使用getChanges方法无法返回被更新的行的BUG; treegrid:修复在追加或插入新行的时候触发onLoadSuccess事件的BUG; tree...

    windows 手动安装Sticky Notes 便签.zip

    在不包含Sticky Notes 便签的操作系统中手动安装Sticky Notes 便签,windows server2016测试通过;包含x86及x64; 方法:1、新建 C:\Program Files\Sticky Notes 2、拷贝 en-US、slc.dll、StickyNotes.exe 至 C:\...

    Sticky Header-兼容IE8的页面顶部固定jQuery插件

    `sticky-header.js`是这个插件的核心文件,它使用jQuery框架来监听页面滚动事件,当用户向下滚动页面时,使页面头部(header)元素保持在屏幕顶部,从而提供一致的用户体验。这个插件允许开发者通过参数定制header...

    sticky:用于粘性通知、提示、消息或其他内容的 jQuery 插件,超级易于使用且具有良好的 UIUX

    script type =" text/javascript " src =" src/jquery.sticky.js " &gt; &lt;/ script &gt; 生产 &lt; link rel =" stylesheet " href =" dist/jquery.sticky.min.css " &gt; &lt; script type =" text/...

    Sticky Note Apps using JavaScript with Source Code.zip

    本教程将深入探讨如何利用JavaScript创建一款名为"Sticky Note Apps"的便签应用。我们将涵盖JavaScript基础、DOM操作、事件处理以及源代码分析等关键知识点,帮助你提升JavaScript技能并实现实际项目。 一、...

    jQuery滚动元素固定位置插件

    总的来说,jQuery-sticky-elements插件通过与jQuery库结合,提供了灵活且易于实现的元素固定功能,让开发者可以快速创建响应用户滚动的动态界面。通过合理的配置和CSS调整,可以实现各种定制化的固定效果,提升网站...

    小猪cms演示jquery右侧栏代码.zip

    在“小猪CMS演示jquery右侧栏代码”中,jQuery可能被用来实现侧栏的动态显示与隐藏、响应式布局以及与其他元素的交互。例如,通过选择器找到相应的DOM元素,然后绑定点击事件,当用户触发该事件时,侧栏会以平滑的...

Global site tag (gtag.js) - Google Analytics