随身笔记
随身笔记

Blast.js文本拆分插件

拆分 文本 插件

Blast.js可以将一段文本的英文单词包裹在一个自定义设置的标签里面,还可以更细的将一个单词的字母进行拆分,可以兼容IE6。

JS:

$("div").blast({ delimiter: "word" }); //将一个单词为单位进行拆分

HTML:拆分前

<div>
   Hello World
</div>

HTML:拆分后

<div class="blast-root">
 <span class="blast">Hello</span>
 <span class="blast">World</span>
</div>

还有更多的参数可以自定义:

$("div").blast({ 
  delimiter: "character" // Set the delimiter type (see left)
  search: false // Perform a search *instead* of delimiting
  tag: "span" // Set the wrapping element type (e.g. "div")
  customClass: "" // Add a custom class to wrappers
  generateIndexID: false // Add #customClass-i to wrappers
  generateValueClass: false // Add .blast-word-val to wrappers
  stripHTMLTags: false // Strip HTML before blasting
  returnGenerated: true // Return generated elements to stack
  aria: true // Avoid speechflow disruption for screenreaders
});

可惜不支持中文,蛋疼。

http://julian.com/research/blast/

随身笔记

Blast.js文本拆分插件
拆分 文本 插件 Blast.js可以将一段文本的英文单词包裹在一个自定义设置的标签里面,还可以更细的将一个单词的字母进行拆分,可以兼容IE6。 JS: $("div").blast({ delimiter: "wor…
扫描二维码继续阅读
2015-04-17