当前访客身份：游客 [
明天会更好！！！
：不错，值得收藏！
：应该是基本
今日访问：0
昨日访问：24
本周访问：52
本月访问：92
所有访问：1827
jQuery滑过头像图片展示个人信息效果
发表于4个月前( 14:33)&&
阅读（67）&|&评论（）
0人收藏此文章,
这是一款经典的jQuery图片插件，同时，也可以是一款jQuery提示框插件。这款jQuery插件的功能是当你把鼠标滑过头像图片缩略图时，即可弹出头像对应用户的详细个人信息，弹出的标签虽然不大，但是还是能容纳很多个人信息的。
var&Album&=&(function($){
function&album(o){
this.int(o)
album.prototype&=&{
int:&function(o){
var&that&=&
this.aImg&=&$(o).find('img');
this._css&=&
this.iLoad&=&0;
this.zoom&=&1.5;
this.ok&=&
this.aEm&=&$('em',$(o));
this.tLayer&=&
this.aImg.each(function(){
$(this).load(function(){
that.iLoad++;
if(that.iLoad==that.aImg.length&&!that.ok){
that.pos(o);
setTimeout(function(){
if(!that.ok){that.pos(o);}
pos:function(o){
var&that&=&
that.ok&=&
$('a',$(o)).each(function(){
var&oP&=&$(this).parent();
var&oS&=&$(this).siblings('.Album_info');
oP.css({'width':$('img',this).width(),'height':$('img',this).height()})
$(this).css({'top':oP.position().top,'left':oP.position().left});
$('em',this).css({'height':oP.height(),'filter':&'alpha(opacity=50)'});
if($(o).width()-oP.position().left&=$(this).width()*6){
oS.css({'height':Math.round($(this).height()*that.zoom)+4,'left':oP.position().left-2,'right':'auto','padding-left':Math.round($(this).width()*that.zoom)})
oS.css({'height':$(this).height()*that.zoom+4,'right':$(o).width()-oP.position().left-$(this).width()-2,'left':'auto','padding-right':Math.round($(this).width()*that.zoom),'text-align':'right'})
if(oP.position().top&=Math.round($(this).height()*(that.zoom-1)/2)&&$(o).height()-oP.position().top-$(this).height()&=Math.round($(this).height()*(that.zoom-1)/2)){
oS.css('top',oP.position().top-Math.round($(this).height()*(that.zoom-1)/2)-2)
}else&if(oP.position().top&Math.round($(this).height()*(that.zoom-1)/2)){
oS.css('top',$(this).parent().position().top-2)
oS.css('top',$(this).parent().position().top-Math.round($(this).height()*(that.zoom-1)+2))
this.showImg(o)
showImg:&function(o){
var&that&=&
$('li',$(o)).each(function(){
$('a',this).css({'visibility':'visible','display':'none'}).fadeIn(1000);
setTimeout(function(){
$(o).css({'background':'none'});
that.hover(o);
hover:&function(o){
var&that&=&
$('a',$(o)).hover(function(){
var&oP&=&$(this).parent();
var&oS&=&$(this).siblings('.Album_info');
$('em',this).hide();
if(that.tLayer){clearTimeout(that.tLayer);that.tLayer&=&null}
that.aEm.not($('em',this)).each(function(){
if(!$(this).is(':visible')){
$(this).fadeIn(200)
oS.show().animate({width:$(this).width()*6-Math.round($(this).width()*that.zoom)+7},300);
that._css&=&{'top':oP.position().top,'z-index':$(this).css('z-index'),'width':$(this).width(),'height':$(this).height(),'left':$(this).css('left'),'right':$(this).css('right')};
if($(o).width()-oP.position().left&=$(this).width()*6){
$(this).css({'right':'auto','left':parseInt(oS.css('left'))+2})
$(this).css({'right':parseInt(oS.css('right'))+2,'left':'auto'})
$(this).css({'top':parseInt(oS.css('top'))+2,'width':$(this).width()*that.zoom,'height':$(this).height()*that.zoom,'z-index':$(this).css('z-index')+100})
$(this).children('img').css({'width':$(this).width(),'height':$(this).height()})
},function(){
$('.Album_info').hide().css({'width':'auto'}).stop();
$(this).css(that._css);
$(this).children('img').css({'width':that._css.width,'height':that._css.height})
that.tLayer&=&setTimeout(function(){
that.aEm.fadeOut(200)
set:&function(o){
new&album(o)
})(jQuery)
更多开发者职位上
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读雪字头像图片_头像大全
来源： | 人气：次 | 小编：有情有爱
共8页
　　雪字头像图片:用PS软件做啊，楼主想吧自己喜欢的字都成图片当QQ头像用吗？想这样的吗？是动态的，但是上传到这里就动不了哦。
　　雪字头像图片:有的网页上可以在线生成,不过都不太好看,估计制作内样的头像需要下载软件的吧,不过安全着想,最好不要乱下载,不过可以在网吧玩,
　　雪字头像图片:首先，你Q要到了16级，剩下的就简单了，随便处理个图片，无论是软件处理还是画图，随便就做一个出来了，你本地上传就好了啊！
　　雪字头像图片:你要什么风格的正规的话
黑体 宋体比较好非主流之类的就随便了
　　雪字头像图片:打开美图秀秀，右上角有新建，打开他，选择自定义颜色，然后裁剪成长方形并在什么输入你需要的文字，然后就是拼图，选择自由拼图，你点击拼图，会出现一个对话框，上面有【自由拼图】【图片拼接】【模版拼图】【抠图换背景】，你点击自由拼图进入，然后点击自定义背景，选择一张本地图片，选择好后您可以点击【画布设置】设置图片的大小尺寸，之后点击时间【随机排版】点击图片，会出现一个对话框，有【图片编辑】和【边框设置】在边框设置里面选择无框，点击图片设置进入，显示【图片大小】【透明度】【旋转】，你点击图片大小，来调节图片的尺寸，点击透明度就可以左右调节透明度了，点击旋转，可以条件图片的水平角度
　　此内容是由为大家精心收集和整理，希望各位朋友能够喜欢，并支持我们，我们会做的更好！―― 转载请注明文章来源及原始链接，谢谢合作！
上一篇：　　下一篇：
搜索有关“雪字头像图片”的信息
大家正在欣赏
本站为您提供优质的与非主流相关个性素材与资讯，如果您有好的建议或意见，请发邮件告知我们。Email:.cn
QQ情侣头像?（） Copyright &
All Rights Reserved. 皖ICP备号冬天雪景可爱头像
冬天下雪天的时候，穿上厚厚的衣服去外面欣赏雪景是最好不过的了，连空气都非常新鲜。分享冬天雪景可爱头像，一起欣赏唯美清新的冬天雪景。喜欢的朋友们赶紧下载吧。
| 网友交流QQ群：
, All Rights Reserved 闽ICP备号
回车桌面专注于提供各类优质图片、、电脑、和,支持桌面的在线DIY,为美化电脑桌面而努力,力争做最好的网站。我吻了吻嘴边的空气，也许它哪天就流动到了你的脸颊上了呢。
或许多年以后 你笑着听别人说起我 淡淡的说一句：不认识.
全世界都知道我喜欢你 为什么你偏偏没回应
唯美图片热门推荐
唯美图片热门排行
唯美图片随便看看
&Copyright
网站备案：沪ICP备号-1}