Material-style JQuery plugin for a floating action button & menu panel

by

A small JQuery plugin for a floating action button which displays a small menu panel. Features options for open duration, close duration, and rotate. st-action-panel is a lightweight jQuery plugin used to create a Material Design inspired sticky action button that slides out a floating panel when clicked. It can be used to show/hide any element.
jquery-floating-button


Libraries

Include following libraries on page.

HTML

Create the action button and floating panel by adding following html.

div class="st-actionContainer right-bottom">
	

		
 Menu

		

			Put some contents here!



JS

Call plugin

$('st-actionContainer').launchBtn( { openDuration: 500, closeDuration: 300 } );

See live demo and download source code.

DEMO | DOWNLOAD

This awesome plugin is developed by dlenhart. Visit their official github repository for more information and follow for future updates.


Published by Rohit