Elektronik Devreler: Slider ile diğer slider çubuğunu hareketlendirme 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ı

Hiç yorum yok:

Yorum Gönder