Creating a floating Icon using html, jquery and css; Jet-coding tutorials 01;

in #steemjet7 years ago

20180724_160416.gif


unnamed (17).png


Jet Floating Button
<div class="control-center">
    <ul class="right-sidebar">
        <li></li>
        <li></li>
    </ul>
    <div class="option-btn"></div>
    <ul class="left-sidebar">
        <li></li>
        <li></li>
    </ul>
</div>

<script src="jquery.min.js"></script>
<script>
    $(document).on('click','.option-btn',function(){
        $(this).toggleClass("open");
        $(".control-center").toggleClass("open");
    })
</script>
Sort:  
Hi @Gutzygwin,

Thank you for your contributions to long term goals on steemjet. Excellent work on project steemjet.org. float buttons will definitely make a great addition.... Code seek .... ♥

unnamed (2).gif


Communication
You are more than welcome to chat with us on our discord server, we'll be glad to hear you.
https://discord.gg/4eKGXXY
On the wings of superstars, we are words and steem

♥.... Doing steemjet proud.