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毫秒