在JQuery中逐行高亮显示span标签 [英] highlight span tag line by line in JQuery

问题描述

我使用这些代码行突出显示了我的句子，每一个细行都可以，但是我想逐行突出显示(此代码一起突出显示span标签中的所有行)
JavaScript代码

I used these lines of code for highlighting my sentences,every thins is OK but i want to highlight line by line(this code highlight all lines in span tag together)
JavaScript Code

$(document).ready(function(){

  var seconds = 5;
  var el = $('span#test');
  var width = el.outerWidth();
  var height = el.outerHeight();
  var wrapper = $('<span>').css({
    width: width + 'px',
    height: height + 'px',
    position: 'relative'
  });
  var background = $('<span>').css({
    width: 0,
    height: height + 'px',
    position: 'absolute',
    background: '#0f0'
  });
  wrapper.append(background);
  wrapper.append(el.css('position','absolute'));
  $('body').append(wrapper);
  background.animate({width: '+=' + width},1000*seconds);

});​

我知道我可以通过将其吐到文字上来做到这一点(例如: http://jsfiddle.net/9UgEF/34/ [ ^ ])，但我使用了自定义字体.
演示: http://jsfiddle.net/9UgEF/41/ [

I know i can do it by spiting it''s to words(like this:http://jsfiddle.net/9UgEF/34/[^]) but i used custom font.
Demo:http://jsfiddle.net/9UgEF/41/[^]

please help!

推荐答案

(document).ready(function(){ var 秒= 5 ; var el =

(document).ready(function(){ var seconds = 5; var el =

(' var width = el.outerWidth(); var height = el.outerHeight(); var wrapper =

('span#test'); var width = el.outerWidth(); var height = el.outerHeight(); var wrapper =

(' ' px'， height:高度+ ' px'， 位置:' 相对' }); var 背景=

('<span>').css({ width: width + 'px', height: height + 'px', position: 'relative' }); var background =

这篇关于在JQuery中逐行高亮显示span标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！