左侧位置的社交网站链接/联系信息,鼠标经过突出显示
代码请到演示页面查看

JavaScript Code
- /*!
- * Contact Buttons Plugin Demo 0.1.0
- * https://github.com/joege/contact-buttons-plugin
- *
- * Copyright 2015, José Gonçalves
- *
- * Licensed under the MIT license:
- * http://www.opensource.org/licenses/MIT
- */
- // Google Fonts
- WebFontConfig = {
- google: { families: [ 'Lato:400,700,300:latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })();
- // Initialize Share-Buttons
- $.contactButtons({
effect : 'slide-on-scroll',
- buttons : {
- 'facebook': { class: 'facebook', use: true, link: 'https://www.facebook.com/pages/mycompany', extras: 'target="_blank"' },
- 'linkedin': { class: 'linkedin', use: true, link: 'https://www.linkedin.com/company/mycompany' },
- 'google': { class: 'gplus', use: true, link: 'https://plus.google.com/myidongoogle' },
- 'mybutton': { class: 'git', use: true, link: 'http://github.com', icon: 'github', title: 'My title for the button' },
- 'phone': { class: 'phone separated', use: true, link: '+000' },
- 'email': { class: 'email', use: true, link: 'test@xxx.com' }
- }
- });
原文地址:http://www.freejs.net/article_jquerywenzi_490.html
最近更新
- CSS3鼠标悬停图片遮罩层变形动画特...
- 响应式全屏手风琴菜单,同时支持垂直方...
- 分组select选择器,支持多选和单...
- jQuery时间日期选择器代码日历插...
- Select 选择器 可以清空的单选...
- jQuery json 无刷新翻页 ...
我爱薅羊毛
点击最多
广告赞助
相关文章
- jquery点击显示或隐藏内容,可以一次展开多个和...
- tooltips/弹出层/消息提示效果,支持点击与...
- jQuery幸运大转盘抽奖活动代码
- jquery来实现的添加商品和减少商品数量,用于购...
- jQuery手机端弹出层提示对话框
- php js实现拖动滑块完成拼图验证码