Welcome, Old Sport!

jQuery Hover Swap Text (文本替换)

by ilikecss ON 2011/12/15 10411

文本悬停替换有很多种效果,我这里只是列举一个简单的例子。这款脚本支持各IE,FF,Google等大众浏览器,根据我列举的代码可以延展出许多新的方法,大家有空可以去试试。

// jQuery hover swap text
function swap_text(){
	$('a').hover(function(){
		var title = $(this).attr('title');
		var text  = $(this).text();
		$(this).text(title).attr('rel', text).removeAttr('title').wrapInner('<span />');

	},function(){
		var title = $(this).text();
		var text  = $(this).attr('rel');
		$(this).text(text).attr('title', title);
	});
}
$(document).ready(function(){
	swap_text();
});

以上代码针对页面中的A超链接属性,Span标签中的文本会被Title文本替换。

1条评论
  1. #1

    lz什么的最好了说道:

    简单实用~




TOP