Jquery实现弹出层共享 微博插件有动画效果

这个Jquery插件是一个非常实用的特效，是很多网站推广魔法不可或缺的工具。传统上一般使用百度和Screen共享插件，但是风格和外观都不是很好，用户体验效果几乎很差。这部作品不仅有分享功能，还有动画效果，提升了用户体验。因为使用的是CSS3，为了看到插件的最佳效果，建议大家使用谷歌、火狐等浏览器。该工作包括以下功能：1 .弹出图层2，蒙版图层3，动画效果4，CSS3效果如下：。

源码下载代码片段(1) 复制代码代码如下：美元（文件)。就绪(函数(e){ var share _ html=' '；//share _ html=' a href=' JavaScript : void(0)' id=' smo Han _ share ' title='分享/a '；Share _ html=' div id=' Share ' ulshare _ html=' Li title='分享到即时通信软件空间a href=' JavaScript : void(0)' class=' share 1 '/aspan/span/Li '；share_html='li title='分享到新浪微博a href=' JavaScript : void(0)' class=' share 2 '/aspan/span/Li '；share_html='li title='分享到人人网a href=' JavaScript : void(0)' class=' share 3 '/aspan/span/Li '；share_html='li title='分享到朋友网a href=' JavaScript : void(0)' class=' share 4 '/aspan/span/Li '；share_html='li title='分享到腾讯微博a href=' JavaScript : void(0)' class=' share 5 '/aspan/span/Li '；share_html='li title='分享到开心网a href=' JavaScript : void(0)' class=' share 6 '/aspan/span/Li '；share _ html='/ul/div '；$(“正文”).prepend(share _ html)；$('.共享')。smhanpoplayer({ Shade : true，Event:'click '，Content : 'Share '，Title : '分享水墨寒到各大社区'});$('#Share li ').每个（函数(){ $(此)).悬停（函数(e) { $(本)).查找(' a ').动画({ marginTop: 2 }，' easeInOutExpo ')；$(这个)。查找(' span ').animate({ opa city 33600.2 }，' easeInOutExpo ')；}，function(){ $(this).查找(' a ').动画({ marginTop: 12}，' easeInOutExpo ')；$(这个)。查找(' span ').animate({ opa city 33601 }，' EasinOutexpo ')；});});var share _ URL=encodeURIComponent(位置。href)；var share _ title=encodeURIComponent(文档。标题)；var share _ pic=' http://www .韩。net/images/smo韩。png '；//默认的分享图片var share _ from=encodeURIComponent('水墨寒个人官方网站');//分享自（仅用于即时通信软件空间和朋友网，新浪的只需更改appkey和ralateUid就行)//Qzone $('#Share li a.share1 ').点击（函数{窗口。打开(' http://SNS。qzone。QQ。com/CGI-bin/qz share/CGI _ qz share _一键？URL=' share _ URL ' title=' share _ title ' pics=' share _ pic ' site=' share _ from ' '，' new window ')；});//新浪微博$('#Share li a.share2 ').单击（函数(e) { var param={ url:share_url，appkey:'678438995 '，title:share_title，pic:share_pic，ralateUid: ' 3061825921 '，rnd:new Date().()的值} var temp=[]；for(参数中的变量p){ temp。push(p '=' encodeURIComponent(param[p]| | ' '))窗口。打开(' http://v。新浪科技。com。cn/share/share。PHP？在…之时联接(" ")；});//人人$('#Share li a.share3 ').点击（函数{窗口。打开(' http://小部件。人人网。com/dialog/share？资源URl=' share _ URl ' title=' share _ title ' images=' share _ pic ' '，' new window ')；});//鹏友$('#Share li a.share4 ').点击（函数{窗口。打开(' http://SNS。qzone。QQ。com/CGI-bin/qz share/CGI _ qz share _一键？to=Peng you URL=' share _ URL ' pics=' share _ pic ' title=' share _ title ' site=' share _ from ' '，' new window ')；});//tq $('#Share li a.share5 ').点击（函数{窗口。open(' http://共享。电视QQ。com/index。PHP？c=sharea=index title=' share _ title ' site=' share _ from ' pic=' share _ pic ' URL=' share _ URL ' '，' new window ')；});//辛凯$('#Share li a.share6 ').点击（函数{窗口。open(' http://www .辛凯001。com/repast/b共享。PHP？rtitle=' share _ title ' rurl=' share _ URL ' from=水墨寒个人官方网站、“新窗口”)；});});/*加入收藏*/函数添加收藏夹(){ var URl=' http://www。韩。net '；' var Title='水墨寒个人官网；if(文档。all){ window。外部。增加收藏夹(网址、标题)；} else if(窗口。侧边栏){窗口。边栏。添加面板(标题，网址' ')；}else{ alert('请使用ctrl D键导入书签!');} }