Ïîñòèíã
10.05.2016 14:07 -
mmm_1
Document
function Warn() {
alert ("Òîâà å ñúîáùåíèå!");
}
function getConfirmation(){
var retVal = confirm("Èçáåðåòå OK èëè Cancel");
if( retVal == true ){
document.write ("Ïîòðåáèòåëÿò íàòèñíà áóòîí ÎÊ");
return true;
}
else{
document.write ("Ïîòðåáèòåëÿò íàòèñíà áóòîí Cancel");
return false;
}
}
Title
Ñëàéäåð jQuery(document).ready(function ($) { var jssor_1_options = { $AutoPlay: true, $AutoPlaySteps: 4, $SlideDuration: 160, $SlideWidth: 200, $SlideSpacing: 3, $Cols: 4, $ArrowNavigatorOptions: { $Class: $JssorArrowNavigator$, $Steps: 4 }, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$, $SpacingX: 1, $SpacingY: 1 } }; var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); //responsive code begin //you can remove responsive code if you don"t want the slider scales while window resizing function ScaleSlider() { var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; if (refSize) { refSize = Math.min(refSize, 809); jssor_1_slider.$ScaleWidth(refSize); } else { window.setTimeout(ScaleSlider, 30); } } ScaleSlider(); $(window).bind("load", ScaleSlider); $(window).bind("resize", ScaleSlider); $(window).bind("orientationchange", ScaleSlider); //responsive code end }); /* jssor slider bullet navigator skin 03 css */ /* .jssorb03 div (normal) .jssorb03 div:hover (normal mouseover) .jssorb03 .av (active) .jssorb03 .av:hover (active mouseover) .jssorb03 .dn (mousedown) */ .jssorb03 { position: absolute; } .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av { position: absolute; /* size of bullet elment */ width: 21px; height: 21px; text-align: center; line-height: 21px; color: white; font-size: 12px; background: url("img/b03.png") no-repeat; overflow: hidden; cursor: pointer; } .jssorb03 div { background-position: -5px -4px; } .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; } .jssorb03 .av { background-position: -65px -4px; } .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; } /* jssor slider arrow navigator skin 03 css */ /* .jssora03l (normal) .jssora03r (normal) .jssora03l:hover (normal mouseover) .jssora03r:hover (normal mouseover) .jssora03l.jssora03ldn (mousedown) .jssora03r.jssora03rdn (mousedown) */ .jssora03l, .jssora03r { display: block; position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; background: url("img/a03.png") no-repeat; overflow: hidden; } .jssora03l { background-position: -3px -33px; } .jssora03r { background-position: -63px -33px; } .jssora03l:hover { background-position: -123px -33px; } .jssora03r:hover { background-position: -183px -33px; } .jssora03l.jssora03ldn { background-position: -243px -33px; } .jssora03r.jssora03rdn { background-position: -303px -33px; } /div> Bootstrap Carousel Type your name here | Name
_________________________________
html, body, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, time, img, ol, ul, li{ margin: 0; border: 0; padding: 0; } .wrap{ position: relative; margin: 0 auto; width: 80%; background-color: #00b359; } .main{ width: 80%; float: left; background-color: #b3ffd9; height: 500px; padding: 0; } .sidebar{ width: 20%; float: left; background-color: #66ffb3; height: 500px; } .mainFooter{ height: 50px; background-color: #00b359; clear:both; } nav{ width: 100%; display: block; padding: 0; margin: 0; background-color: #006633; } ul{ list-style: none; padding: 0; margin: 0; width: 100%; } li{ float: left; width: 20%; height: 35px; } li a{ text-decoration: none; text-transform: uppercase; color: white; background-color: #006633; display: block; font-size: 18px; text-align: center; } a:hover{ background-color: #00331a; } #selected{ background-color: #008040; } h1{ padding: 15px; } footer h3{ float: right; padding: 15px; }
Ñëàéäåð jQuery(document).ready(function ($) { var jssor_1_options = { $AutoPlay: true, $AutoPlaySteps: 4, $SlideDuration: 160, $SlideWidth: 200, $SlideSpacing: 3, $Cols: 4, $ArrowNavigatorOptions: { $Class: $JssorArrowNavigator$, $Steps: 4 }, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$, $SpacingX: 1, $SpacingY: 1 } }; var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); //responsive code begin //you can remove responsive code if you don"t want the slider scales while window resizing function ScaleSlider() { var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; if (refSize) { refSize = Math.min(refSize, 809); jssor_1_slider.$ScaleWidth(refSize); } else { window.setTimeout(ScaleSlider, 30); } } ScaleSlider(); $(window).bind("load", ScaleSlider); $(window).bind("resize", ScaleSlider); $(window).bind("orientationchange", ScaleSlider); //responsive code end }); /* jssor slider bullet navigator skin 03 css */ /* .jssorb03 div (normal) .jssorb03 div:hover (normal mouseover) .jssorb03 .av (active) .jssorb03 .av:hover (active mouseover) .jssorb03 .dn (mousedown) */ .jssorb03 { position: absolute; } .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av { position: absolute; /* size of bullet elment */ width: 21px; height: 21px; text-align: center; line-height: 21px; color: white; font-size: 12px; background: url("img/b03.png") no-repeat; overflow: hidden; cursor: pointer; } .jssorb03 div { background-position: -5px -4px; } .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; } .jssorb03 .av { background-position: -65px -4px; } .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; } /* jssor slider arrow navigator skin 03 css */ /* .jssora03l (normal) .jssora03r (normal) .jssora03l:hover (normal mouseover) .jssora03r:hover (normal mouseover) .jssora03l.jssora03ldn (mousedown) .jssora03r.jssora03rdn (mousedown) */ .jssora03l, .jssora03r { display: block; position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; background: url("img/a03.png") no-repeat; overflow: hidden; } .jssora03l { background-position: -3px -33px; } .jssora03r { background-position: -63px -33px; } .jssora03l:hover { background-position: -123px -33px; } .jssora03r:hover { background-position: -183px -33px; } .jssora03l.jssora03ldn { background-position: -243px -33px; } .jssora03r.jssora03rdn { background-position: -303px -33px; } /div> Bootstrap Carousel Type your name here | Name
_________________________________
html, body, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, time, img, ol, ul, li{ margin: 0; border: 0; padding: 0; } .wrap{ position: relative; margin: 0 auto; width: 80%; background-color: #00b359; } .main{ width: 80%; float: left; background-color: #b3ffd9; height: 500px; padding: 0; } .sidebar{ width: 20%; float: left; background-color: #66ffb3; height: 500px; } .mainFooter{ height: 50px; background-color: #00b359; clear:both; } nav{ width: 100%; display: block; padding: 0; margin: 0; background-color: #006633; } ul{ list-style: none; padding: 0; margin: 0; width: 100%; } li{ float: left; width: 20%; height: 35px; } li a{ text-decoration: none; text-transform: uppercase; color: white; background-color: #006633; display: block; font-size: 18px; text-align: center; } a:hover{ background-color: #00331a; } #selected{ background-color: #008040; } h1{ padding: 15px; } footer h3{ float: right; padding: 15px; }
Íÿìà êîìåíòàðè