请注意: 该插件将于2012-05-01删除

删除原因:

　　该插件无存在的意义. 有不需要插件的解决方案.

解决方案:

　　当鼠标滑过Input的时候, 增加边框样式; 当鼠标划出时, 删掉边框样式.

代码:

$("input").hover(function(){// Add border here.$(this).css("border", "1px silver solid");
}, function() {// Remove border here$(this).cs("border", "1px transparent solid");
});

以下内容已经无效

软件名称：

Realtime-Modifier

开发背景：

　　Realtime-Modifier是一款“所见即所得”的“实时文本更新”jQuery插件。现在网站开发讲究的是“人性化”，“提高用户体验”等，对此，我们也不例外。正巧这次公司做的项目用到了类似功能，于是我便针对该功能进行开发，制作了这样的一款jQuery插件。

功能描述：

　　点击文字后文字将变为文本框，可以在里面输入内容。输入完毕后按回车提交，或按ESC回滚。（类似于QQ个性签名）

　　支持浏览器：

IE 6.0 +
Chrome 1.0 +（All Version）
Safari 3.0 +
Firefox 2.0 +
Opera 9.0 +

　　其他软件基础：

　　　　jQuery 1.5 +

官网地址：

　　http://code.google.com/p/realtime-modifier/

Demos：

效果展示：

当鼠标划过文字时，文字会变为斜体，以提示用户该文本可修改。点击即可修改该文本。
点击文本后，将会变为输入框形式，可以键入所需内容。按“Enter”键提交，按“ESC”键回滚。
文本已经修改完成，根据需要也可使用AJAX提交到服务器。

源代码：

// On load.$(document).ready(function() {

// For each element.    $(".text").each(function(i) {

// Call the modify method.        $(this).modify({            hoverClass: "hoverClass",    // Not required.            inputClass: "inputClass",    // Not required.            submitMethod: function() {   // Not required.                alert($(this).text());   // Alert the value.            }        });    });});

※如果需要其他内容帮助，可以访问项目的网站，那里将会有更多的信息供您获取。

※如果您对本插件有任何的疑问，可以移步此处进行留言，我们会尽快给您回复。

转载于:https://www.cnblogs.com/rainisic/archive/2011/11/29/realtime_modifier.html

[原创]jQuery插件Realtime-Modifier正式发布！相关推荐

原创jquery插件treeTable（转）
由于工作需要,要直观的看到某个业务是由那些子业务引起的异常,所以我需要用树表的方式来展现各个层次的数据. 需求: 1.数据层次分明: 2.数据读取慢.需要动态加载孩子节点: 3.支持默认展开多少层. ...
[原创]jQuery插件处女座--超链接滑动动画
昨天在网上转悠看到老外一网站的超链接有动画效果,感觉很酷很炫,前几天刚学了jQuery插件的制作,所以想用这个功能练练手. 功能: 当鼠标移到超链接上时,超链接向右缩进并改变样式,鼠标离开时再复原到原 ...
原创jQuery移动设备弹出框插件——msgalert.js
最近开发经常会用到顶部弹出框,虽然有现成的(bootstrap等),但是都很臃肿,对于有些时候移动端活动页面有点大材小用.所以今晚花了20分钟写了一个通用的插件,我将其命名为msgalert.js. ...
【原创】jQuery插件 - Booklet翻书特效教程（一）一般设置
jQuery插件 - Booklet翻书特效教程(一) 一般设置本文由五月雨恋提供,转载请注明出处. 一.宽高(width/height) 1.自定义大小 $(function(){ // 自定义页 ...
【原创】书本翻页效果booklet jquery插件系列之简介
booklet jquery插件系列之简介本文由五月雨恋提供,转载请注明出处. 一.安装 1.添加CSS和Javascript 添加booklet CSS文件到你的页面. <link rel= ...
fcode-页面九宫格自动锁屏jquery插件
fcode.js 自动锁屏插件 fcode.js是什么? fcode.js是一款web页面九宫格自动锁屏js插件,依赖于jquery, 会在设置的范围里,判断用户有无操作,然后执行锁屏的功能. 就一个 ...
8.图片组件和动画效果--从零起步实现基于Html5的WEB设计器Jquery插件（含源码）...
前面示例我建立了三种形状的组件,圆.矩形.椭圆,本节我将再扩展两种类型:图片和动画,并通过这个过程来论证前面OOP的编程是如何简化扩展工作的: 首先要在工具条里增加这两个组件,以便可以拖动: < ...
1. 概述--从零起步实现基于Html5的WEB设计器Jquery插件
当一个软件为了达到一定的业务扩展性时(产品上线后限定范围内的用户需求无需变更代码,通过简单的配置可满足用户的要求),必然要求软件是可配置的. 笔者过去开发过很多配置型的管理软件,从可配置的表单设计(F ...
html分享插件,10个jQuery插件分享
10个jQuery插件分享 Sponsor 发觉现在国外的前端人员很有创意,每个精品jQuery插件大部分来自国外,所以我很欣赏他们.今天为大家带来一些有意思的jQuery插件,这些jQuery有图片 ...

[原创]jQuery插件Realtime-Modifier正式发布！