1. Location:
  2. / Computer learning >> Computer læring >> Kendskab til programmering >> Scripting Sprog >> jquery >>

jquery multiscroll. er

, multiscroll.js er en jquery stik af med henblik på at skabe splittelse sider med to vertikalt nedad paneler. et enkelt af multiscroll eksempel som vist nedenfor, <!DOCTYPE html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "Content-Type" content = "text/html; charset = utf-8" />\t <title>multiscroll.js - split multi-scrolling pages plugin</title> \t\t <link rel = "stylesheet" type = "text/css" href = "/jquery/src/multiscroller/jquery.multiscroll.css" />\t\t <link rel = "stylesheet" type = "text/css" href = "/jquery/src/multiscroller/examples.css" />\t \t\t\t <script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type = "text/javascript" src = "/jquery/src/multiscroller/jquery.easings.min.js"></script> <script type = "text/javascript" src = "/jquery/src/multiscroller/jquery.multiscroll.js"></script> <script type = "text/javascript"> $(document).ready(function() { $('#myContainer').multiscroll({ \tsectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'], \tanchors: ['first', 'second', 'third'], \tmenu: '#menu', \tnavigation: true, \tnavigationTooltips: ['One', 'Two', 'Three'], \tloopBottom: true, \tloopTop: true }); }); </script> </head> \t <body> <ul id = "menu"> <li data-menuanchor = "first"><a href = "#first">First slide</a></li> <li data-menuanchor = "second"><a href = "#second">Second slide</a></li> <li data-menuanchor = "third"><a href = "#third">Third slide</a></li> </ul> <div id = "myContainer"> <div class = "ms-left"> \t\t\t <div class = "ms-section" id = "left1"> <h1>Left 1</h1> </div> <div class = "ms-section" id = "left2"> <h1>Left 2 </h1> </div> <div class = "ms-section" id = "left3"> <h1>Left 3</h1> </div> \t\t\t\t </div> \t < div klasse = "ms" > < div klasse = "ms afsnit" id = "right1" > < h1 > ret 1 < /h1 > < /div > < div klasse = "ms afsnit" id = "right2" > < h1 > lige 2 < /h1 > < /div > < div klasse = "ms afsnit" id = "right3" > < h1 > ret 3 <. /h1 > < /div > < /div > < /div > < /organ > < /html > det bør føre til følgende resultat −, klik her,



Previous:
Next Page: