读书人

query高亮成效之Jquery实现文章内容关

发布时间: 2012-11-09 10:18:48 作者: rapoo

query高亮效果之Jquery实现文章内容关键字高亮显示

jQuery(document).ready(function($) {    // mask source 控制mask的动画效果    var maskSource = jQuery('.mask');    jQuery('.entity-results').hover(function() {        maskSource.animate({opacity:0.7},1).fadeIn('750');    }, function() {        maskSource.fadeOut('1000');    });     // match hover 控制段落的高亮显示    var sample1 = jQuery('span.d1');    var sample2 = jQuery('span.d2');    var sample3 = jQuery('span.d3');    jQuery('a.d1').hover(function() {        sample1.addClass('show');   //给段落添加类    }, function() {        sample1.removeClass('show'); //移除段落类    });    jQuery('a.d2').hover(function() {        sample2.addClass('show');    }, function() {        sample2.removeClass('show');    });    jQuery('a.d3').hover(function() {        sample3.addClass('show');    }, function() {        sample3.removeClass('show');    });});

?

读书人网 >Web前端

热点推荐