jQuery Plugin For Floating Social & Contact Sidebar
File Size: | 9.73 KB |
---|---|
Views Total: | 55728 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Contact Buttons is a jQuery plugin which allows you to add a floating, collapsible sidebar with social media & contact links on your webpage.
See also:
- jQuery Plugin For Animated Social Share Bar - Social Sidebars
- jQuery Plugin For Horizontal Floating Social Share Bar
How to use it:
1. Load the contact-buttons.css in the head
for basic styles.
<link rel="stylesheet" href="css/contact-buttons.css">
2. Load the Font Awesome Icon Font for social & contact icons.
<link rel="stylesheet" href="font-awesome.min.css">
3. Load jQuery library and the jQuery Contact Buttons plugin at the bottom of your web page.
<script src="jquery.min.js"></script> <script src="js/jquery.contact-buttons.js"></script>
4. Initialize the plugin and add social links and contact information to the floating sidebar.
$.shareButtons({ 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: '[email protected]' } } });
Change log:
2015-06-11
- Variable active corrected.
This awesome jQuery plugin is developed by joego. For more Advanced Usages, please check the demo page or visit the official website.