jquery鼠标移入文字提示_jQuery实现鼠标移动文字突出显示效果

书写并添加js代码。

$().ready(function() {

$('#first').jMagnify();

$('#second').jMagnify({

centralEffect: {'color': 'yellow'},

lat1Effect: {'color': 'orange'},

lat2Effect: {'color': 'red'},

lat3Effect: {'color': 'magenta'},

resetEffect: {'color': 'black'}

});

$('#third').jMagnify({

centralEffect: {'background-color': '#FFFF00'},

lat1Effect: {'background-color': '#FFFF44'},

lat2Effect: {'background-color': '#FFFF88'},

lat3Effect: {'background-color': '#FFFFCC'},

resetEffect: {'background-color': 'white'}

});

$('#fourth').jMagnify({

centralEffect: {'border': '4px solid red', 'font-size': '200%'},

lat1Effect: {},

lat2Effect: {},

lat3Effect: {},

resetEffect: {'border': '0', 'font-size': '100%'}

});

$('#double').jMagnify({

centralEffect: {'border-bottom': '4px solid red'},

lat1Effect: {'border-bottom': '3px solid red'},

lat2Effect: {'border-bottom': '2px solid red'},

lat3Effect: {'border-bottom': '1px solid red'},

resetEffect: {'border': '0'}

});

});