jQuery(55)
-
jQuery tabmenu3
CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {border:1px solid #ccc; width:600px;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px;text-align: c..
2021.12.14
-
jQuery tabmenu2
CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333} a{color: #333; text-decoration: none;} .tabs {width:600px; border:1px solid #ccc;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px; text-align: cen..
2021.12.14
-
jQuery tabmenu1
CSS /* CSS Document */ *{margin:0; padding:0} body{margin: 20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {position:relative; width:600px; border:1px solid #ccc;} .tabs a.tab{position:absolute; display:block; width:84px; text-align:center; font-size: 16px; background: red; color: #..
2021.12.14
-
jQuery main slide fade ps lr
CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} img{border:0; vertical-align:top;} ul, li{list-style:none;} .main{position:relative; width:1000px; height:420px; border:1px solid red; overflow:hidden} .main .gallery{position:relative; left:0; top:0; width:1000px; height:380px; overflow:hidden;} .main .gallery li{display:none} .main .dock{width:330px; position:absolute; left:450px..
2021.12.13
-
jQuery main slide
CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} ul, li{list-style:none;} img{border:0; vertical-align:top;} .main{position:relative; width:1000px; height:420px; overflow: hidden} .main .gallery{position:relative; left:0; top:0; width:5000px; height:380px; overflow:hidden;} .main .gallery ul li{float:left;} .main .gallery_text{position: absolute; top: 150px; width: 100%; } .main ..
2021.12.13
-
jQuery main slide - fade
CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} a{color:#333; text-decoration: none;} img{border:0; vertical-align:top;} ul li{list-style:none;} @keyframes ani { from {transform: scale(1);} to {transform: scale(1.5);} } .main{ position:relative; width:1000px; height:420px; border:1px solid red; overflow:hidden} .main .gallery{position:relative; left:0; top:0; width:1000px; heigh..
2021.12.13