수업
소스코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | <!doctype html> < html > < head > < link rel = "stylesheet" type = "text/css" href = "semantic/semantic.css" > < script src = "https://code.jquery.com/jquery-3.1.1.min.js" integrity = "sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin = "anonymous" ></ script > < script src = "semantic/semantic.js" ></ script > < style > </ style > </ head > < body > < div class = "ui sidebar inverted vertical menu" > < a class = "item" > 1 </ a > < a class = "item" > 2 </ a > < a class = "item" > 3 </ a > </ div > < div class = "pusher" > < button id = "menu" class = "ui button" >Menu</ button > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt nulla, unde, corrupti dolores repudiandae facere a, saepe fugit iusto expedita dicta dignissimos? Ducimus, delectus, ad? Deserunt, repellendus, ad? Praesentium, eaque. </ div > < script > $('#menu').click(function(){ $('.ui.sidebar').sidebar('setting', 'transition', 'overlay').sidebar('toggle'); }) </ script > </ body > </ html > |