首先非常感谢网友林肯的无私分享,此Jquery插件是一款实用很炫的特效功能,支持飞行和无飞行两种动态添加关键子效果,插件使用也很简单,用的时候引入插件文件之后,在页面上写一行初始化代码即可。
关键字飞行的主要代码如下:
var fly = jQuery("<div style='position:absolute;'>" + text + "</div>");
fly.position({
of:target,
offset:"0 0",
collision:"fit"
});
jQuery('body').append(fly);
var area_top;
var area_left;
var children = jQuery("#" + clientId).children('a');
if(children.size() != 0){
area_top = children.last().position().top + 10;
area_left = children.last().position().left + 80;
}else{
area_top = area.position().top + fly.height() + 20;
area_left = area.position().left + 20;
}
fly.animate({left:area_left,top:area_top},"slow", function(){
fly.remove();
var tag = jQuery("<a id='tag_" + id + "' href='javascript:void(0)'>" + text + "</a>");
tag.click(function(){
jQuery.beauty.component[clientId].removeTag(id);
});
area.append(tag);
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友林肯 关键字 文字特效 关键字滑动 关键字组合 TagsGroup 条件筛选