首页>>Jquery文字>>左侧位置的社交网站链接/联系信息,鼠标经过突出显示(2015-07-12)

左侧位置的社交网站链接/联系信息,鼠标经过突出显示

 代码请到演示页面查看

左侧位置的社交网站链接/联系信息,鼠标经过突出显示
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. /*! 
  2.  * Contact Buttons Plugin Demo 0.1.0 
  3.  * https://github.com/joege/contact-buttons-plugin 
  4.  * 
  5.  * Copyright 2015, José Gonçalves 
  6.  * 
  7.  * Licensed under the MIT license: 
  8.  * http://www.opensource.org/licenses/MIT 
  9.  */  
  10.    
  11. // Google Fonts  
  12. WebFontConfig = {  
  13.   google: { families: [ 'Lato:400,700,300:latin' ] }  
  14. };  
  15. (function() {  
  16.   var wf = document.createElement('script');  
  17.   wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +  
  18.     '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';  
  19.   wf.type = 'text/javascript';  
  20.   wf.async = 'true';  
  21.   var s = document.getElementsByTagName('script')[0];  
  22.   s.parentNode.insertBefore(wf, s);  
  23. })();  
  24.   
  25. // Initialize Share-Buttons  
  26. $.contactButtons({  

  effect  : 'slide-on-scroll',  

  1.   buttons : {  
  2.     'facebook':   { class'facebook', use: true, link: 'https://www.facebook.com/pages/mycompany', extras: 'target="_blank"' },  
  3.     'linkedin':   { class'linkedin', use: true, link: 'https://www.linkedin.com/company/mycompany' },  
  4.     'google':     { class'gplus',    use: true, link: 'https://plus.google.com/myidongoogle' },  
  5.     'mybutton':   { class'git',      use: true, link: 'http://github.com', icon: 'github', title: 'My title for the button' },  
  6.     'phone':      { class'phone separated',    use: true, link: '+000' },  
  7.     'email':      { class'email',    use: true, link: 'test@xxx.com' }  
  8.   }  
  9. });  

 


原文地址:http://www.freejs.net/article_jquerywenzi_490.html