无法通过Javascript更改元素位置

时间:2017-06-13 17:18:58

标签: javascript html css

我认识PHP,VB.net,但我是JavaScript的初学者。我有动画问题。第一个是工作,但第二个不是......

while holdereventnum=rs("eventnum") and not rs.eof

但是我称之为“无效”......

完整的HTML / JS代码:

function draw(nationsObj){
    // A bisector since many nation's data is sparsely-defined.
       var bisect = d3.bisector(function(d) { return d[0]; });

        .....contents
} 

draw(nations); 

CSS代码:

var elem = document.getElementById("PrviObjekat"); (this one is working)

var elem_drugi = document.getElementById("DrugiObjekat"); (this one not, it has no logic)...

谢谢你,祝你有个愉快的一天。

1 个答案:

答案 0 :(得分:1)

function Animiraj() 
{
var elem = document.getElementById("PrviObjekat"); 
var elem_drugi = document.getElementById("DrugiObjekat");
var pos = 0;
var pos2 = 195;
var id = setInterval(frame_dole, 12);
function frame_dole() 
{
    if (pos == 150) 
    {
        clearInterval(frame_dole);
        id = setInterval(frame_gore, 12);
    } else {
        pos++; 
        elem.style.top = pos + 'px'; 
        elem.style.left = pos + 'px';
        elem_drugi.style.left = pos + 'px';
      
    }
}
function frame_gore() 
{
    if (pos == 0) 
    {
        clearInterval(id);
        id = setInterval(frame_dole, 12);
    } else {
        pos--; 
        elem.style.top = pos - 'px'; 
        elem.style.left = pos - 'px'; 
        elem_drugi.style.left = pos - 'px';
      

    }
}   
}               
var PrviKliknut = false;
$("#PrviObjekat").click(function()
{
if(PrviKliknut == false)
{
$("#PrviObjekat").css({"font-size" : "20px"});
PrviKliknut = true;
}else{
$("#PrviObjekat").css({"font-size" : "16px"});
PrviKliknut = false;
}
});     
$(document).ready(function() 
{
console.log("Dokument je učitan.");
Animiraj();
//$("#PrviObjekat").animate({ scrollTop: $("#TockaB").offset().top }, 1500);    
});     
<style>
{
width: 550px;
height: 550px;
position: relative;
background: yellow;
}
#PrviObjekat 
{
width: 145px;
height: 75px;
position: absolute;
background: red;
}
#DrugiObjekat
{
background: green;
width: 100px;
height: 60px;
margin-left: 195px;
margin-top: 25px;
position: absolute;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
<div id = "Animacija">
<p id = "PrviObjekat"> Dobro došli, ovo je prvi probni tekst.</p>
<p id = "DrugiObjekat">Ovo je drugi tekst...</p>
</div>  
<br>
</body>

**

#DrugiObjekat
{
background: green;
width: 100px;
height: 60px;
margin-left: 195px;
margin-top: 25px;
position: absolute;
}

默认情况下,HTML元素定位为静态。 静态定位元素不受顶部,底部,左侧和右侧属性的影响。