Cufon和Jquery Magic预览版

Jquery Magic预览允许用户输入文本并让它自动更新(很像这样的“提交字段”与下面的预览加载一起工作!)。 我希望用户能够输入文本,然后输入Cufon字体来接管他们写的内容(或者只是用cufon字体输入)。

$(function() { $('form.example input:text').magicpreview('mp_'); }); Cufon.replace('p#mp_trythis1'); 

这里有一个例子: http : //twmorton.com/magicpreviewjquery/

好吧,我需要的一个更好的例子是预览字体,比如在这个网站上:

http://www.fontspace.com/mario-arturo/sahara

当您键入所需内容时,无论运行预览的任何脚本都会刷新预览,以显示您键入的内容。

这是一个简化版本(没有magicpreview):

html部分:

 

Cufon Test

Start typing ...

javascript部分:

 Cufon.replace('h1'); $('#in').keyup(function(){ $('#out').html('

'+$(this).val()+'

'); Cufon.replace('#out h1'); });

在这里查看实例

编辑:你可以看到这里实现为jQuery插件的两个替代版本。

  • v1在焦点丢失后更新@ 1000毫秒,仅在脏时才更新
  • v2在最后一个密钥后更新@ 1000毫秒