Elektronik Devreler: slider barı hareket ettirme html kodları

Slider range ile başka slider number aracını hareketlendirebilen
javascript html kodlarından oluşturulmuştur. Number çubuğu ileri
geri saydırarak range çubuğu hareketlenir.

Kodları kopyala yapıştır

<style>

input[type=range]{
background:blue;
width:300px;

}

input[type=number] {
background: #B6BFFC;
font-size:24px;
border-radius
}

input[type=text] {
position:absolute;
left:-2px;
background:maroon;
font-size:24px;
color:linen;
}

</style>

onload = arkaFon;
function arkaFon(){ 
  document.body.style.backgroundColor = "#B9EBE7";
  document.body.style.backgroundImage = "url('foto_model/model38.jpg')";
  document.body.style.backgroundRepeat = "no-repeat";
  document.body.style.backgroundSize = screen.width + "px";
 
}

function seriFunc1(value) {
                var s = document.getElementById("seri1").value;
document.getElementById("seri2").value = s;
document.getElementById("seri3").value = s*1;
                  var s = document.getElementById("seri1").value;
document.getElementById("seri3").style.width = s*1 + "px";
 document.getElementById("iconYaz").href = "cursor/slide.cur";

if(s>=470){
document.body.style.backgroundSize = s*1 + "px";
}
document.title = s;
}

function seriFunc2(value) {
                  var s = document.getElementById("seri2").value;
document.getElementById("seri1").value = s;
document.getElementById("seri3").style.width = s;
document.body.style.width = s*10 + "px";
 document.getElementById("iconYaz").href = "cursor/no.cur";
document.getElementById("seri3").value = s*1;
 
if(s>=470){
document.body.style.backgroundSize = s*1 + "px";
}

document.title = s;
}

function seriFunc3(value) {
                  var s = document.getElementById("seri3").value;
document.getElementById("seri1").value = s;
document.getElementById("seri3").style.width = s*1 + "px";
document.getElementById("seri2").value = s;
document.title = s;

if(s<=10){document.getElementById("seri3").style.width = 50*1 + "px";}
else

{document.getElementById("seri3").style.width = s*1 + "px";}

document.body.style.overflow = "hidden";

}

</script>

Elektronik Devreler

Ziyaretçi Sayısı

ARAMA YAPIN

29 Mayıs 2016 Pazar

Slider ile diğer slider çubuğunu hareketlendirme html kodları