• jQuery Horizontal Blocks Plugin Demo
    v.1.2

    jQuery Horizonal Blocks can change your website to scrollable horizontal blocks easily.

  • How to use

    Loading jQuery and Horizonal Blocks,

    then write below html tags. It must be under the <body> tag. 

                                
      
                                
    • 
                                    Block1 Contents
                                
      • 
                                
    • 
                                    Block2 Contents
                                
      • 
                                
    • 
                                    Block2 Contents
                                
      • 
                            
    
                            Next
                            Prev

    Finally, write below script. 

                                $(document).HorizontalBlocks();

  • Options

    Horizonal Blocks has some options. Default params are displayed below. 

                                $(document).HorizontalBlocks({ parentBox: "#box", //parent blocks tag
                            block:"#blocks li", //blocks terget firstBlock: 1, // first displayed block
                            number scrollOption:"swing", //set scroll type scrollSpeed: "normal", //set
                            scroll speed.value(ms) or "normal", "slow", "fast" horizontalMenu: "nav
                            a", // jump link terget nextId: "#nextBlock", //Id for Next Block prevId:
                            "#prevBlock" //Id for Prev Block });

    If you loaded jQuery easing plugin, you could use more scroll option.
    jQuery easing plugin can download here.

  • Contact

    <Kakurezatou>

    → www.kakurezatou.com

▲
▲