Здравейте! Опитвам се да си построя един код за автоматично - скролиращо се съдържание(нещо като marquee), което да се движи отгоре надолу, но да е по - плавно и когато мишката е върху него да се спира. Сега проблемът е, че стигнах до някъде, но мисля, че е грешно. Ето кода:
Ако някой има идеи или препоръки моля да пише. Благодаря предварително.
Код:
<html>
<head>
<script src="../../js/jquery-1.4.3.js" type="text/javascript" ></script>
<script type="text/javascript">
$(function() {
var i = 0;
$(".content").mouseenter(function() {
$(this).stop();
});
$(".content").mouseleave(function() {
while(i < 5) {
$(".content").animate({
"top" : "-=50px"
}, "slow");
i++
}
$(".content").animate({
"top" : "+=250px"
}, "slow");
});
while(i < 5) {
$(".content").animate({
"top" : "-=50px"
}, "slow");
i++
}
$(".content").animate({
"top" : "+=250px"
}, "slow");
});
</script>
<style type="text/css">
.content {
width: 130px;
height: 230px;
position: absolute;
overflow: hidden;
border: 2px solid black;
}
</style>
</head>
<body>
<div class="content">
<p>First Element</p>
<p>Second Element</p>
<p>Third Element</p>
<p>Forth Element</p>
<p>Fifth Element</p>
<p>Sixth Element</p>
</div>
</body>
</html>