https://github.com/naturalintelligence/floating-round-button
Floating Round Button
https://github.com/naturalintelligence/floating-round-button
Last synced: 4 months ago
JSON representation
Floating Round Button
- Host: GitHub
- URL: https://github.com/naturalintelligence/floating-round-button
- Owner: NaturalIntelligence
- License: mit
- Created: 2016-12-10T15:30:58.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-11T17:48:43.000Z (over 9 years ago)
- Last Synced: 2025-01-08T10:12:49.878Z (over 1 year ago)
- Language: HTML
- Size: 12.7 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# floating-round-button
Floating Round Button
check [example](https://naturalintelligence.github.io/floating-round-button/)
### Sample
####HTML
```HTML
```
####Javascript
```javascript
var config = {
main: {
"bgcolor":"#e74c3c",
"icon":"",
onClick: function(){
console.log("applied");
}
},
links:[
{
"url":"doceditor.html",
"bgcolor":"#03A9F4",
"color":"#fffff",
"icon":"",
"target":"_blank",
"title" : "New Document",
onClick: function(){
navigateToLink("doceditor.html");
}
},{
"url":"http://www.example.com",
"bgcolor":"black",
"color":"white",
"icon":"",
"title" : "Settings"
},{
"url":"http://www.example.com",
"bgcolor":"#3B5998",
"color":"white",
"icon":"",
"target":"_blank",
"title" : "Open"
}
]
}
$(document).ready(function(){
rbt_display($(".rbt_wrapper"),config,(menu) => {
menu.slideDown( "slow" );
});
});
```
Implement `.sub_rbt` for CSS effects on menu item like: hover,animation etc.