Display Slide OutBox depend up on Content using HTML and JQuery

Hi Friends,In this article i would like to explain the integration of slideroutBox at the Bottom of your webpages using HTML and Jquery.I am already using Third party Plugin for my blog for this feature.This plugin is provided by simple Reach..Its working Gr8..But this time,I am trying to create a custom Slider Outbox which will display depend up on content.So Lets start the implementation.

               

First,create a new html page and Add the following css code in Head Section to create Sliders( you can

modify as per css as per your requirement

Next,Add the Script tags and script code in Head section

Next,Add the following code in Body Section

Main Content.........





content 1.......
content 2.......
content 3.......

            
Visit Developercode for More Tutorials 





Slide 1 for content 1
Get the latest articles on Mobile and Web Development

            
Visit Developercode for More Tutorials 





Slide 2 for content 2
Get the latest articles on Mobile and Web Development

            
Visit Developercode for More Tutorials 





Slide 3 for content 3
Get the latest articles on Mobile and Web Development

That's it..If you have any doubts or you need any modifications please feel free to ask