• jQuery Horizontal Blocks
    v.1.2

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

    Download

  • 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

▲
▲