jsShare - Social media share and bookmark plugin

By | 9:57 AM Leave a Comment

jsShare is a minimal social sharing and bookmarking jquery plugin that helps you easily share your contents with popular social media applications like facebook, twitter, StumbleUpon, LinkedIn, Digg, Delicious and more.

jsShare provides you neat and compact interface to add social sharing and bookmarking functionality to your web pages and applications easily. This social share plugin has a cool fish eye animation effect for social media buttons, which can be turned off by setting value of animate parameter to false.

jsShare plugin currently supports the following social media.

Facebook
Twitter
Google Buzz
Stumble Upon
LinkedIn
Digg
Delicious
Reddit
Live Messenger

jsShare Plugin Parameters

animate: If true fish eye effect will be enabled, default is true.
initialdisplay: Determines whether plugin will be expanded or collapsed initially, values for this parameter are ‘compact’ and ‘expanded’, default is ‘compact’.
speed: Speed in milliseconds at which plugin collapses and expanded, default is 1000.
yoursitetitle: Title of your site, default is ”.
yoursiteurl: Url of your site/blog, default is ”.
yoursitename: Name of your site/blog default is ”.
desc: Short description that you want to appear on social media.
minwidth: Width when the plugin is collapsed, default is 40.
maxwidth: Width when the plugin is expanded, default is 250.
facebook: If true facebook share button will be display, default s true.
twitter: If true twitter share button will be display, default s true.
digg: If true digg share button will be display, default s true.
reddit: If true reddit share button will be display, default s true.
stumbleupon: If true stumbleupon share button will be display, default s true.
messenger: If true live messenger share button will be display, default s true.
delicious: If true delicious share button will be display, default s true.
linkedin: If true linkedin share button will be display, default s true.
googlebuzz: If true gooblebuzz share button will be display, default s true.

Using jsShare Plugin

In your HTML file add the following in the head section.

Add a reference to latest jQuery script
Add a reference to jsShare.js file
Add a reference to jsShare.css file


Live Demo
   
Download Mirror 1




0 comments:

Post a Comment