Response title
This is preview!
balloon help
in Using jQuery
•
8 years ago
Hi Guys
Totally Noob here (so please be very specific in your answers
)
)i am trying to make two balooons which will fly in a loop. when the first one disappears, the other one will show up at the bottom. and the last thing is, when you click on them, they will link to webpages.
i have come so far
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.cloud
{
z-index: -1;
background-image: url(images/faceb.png);
height: 227px;
width: 228px;
position: absolute;
}
.cloud2
{
z-index: 1;
background-image: url(images/twitb.png);
height: 227px;
width: 228px;
position: absolute;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function cloud(x,y,toX,toY,speed){ //antal af variable
$('<span class="cloud">')
.css({top:y,left:x})
.animate({top:toX,left:toY},speed||10000,function(){
$(this).remove();
//cloud2(toX,300);
}
).appendTo('body')
}
$(function(){
$('html').on('click',function (e) {
cloud(e.clientX-60,e.clientY-45,0,breeze(200,-100))
})
})
//#########################################################################################
</script>
<script>
function cloud2(x,y,toX,toY,speed){
$('<span class="cloud2">')
.css({top:y,left:x})
.animate({top:toX,left:toY},speed||15000,function(){$(this).remove();cloud(toX,toY)})
.appendTo('body')
} //denne vælger random breeze mellem -100 og 100
function breeze(from,to){
return "-="+Math.floor(Math.random()*(to-from)+from)
}
$(function(){
$('html').on('click',function (e) {
cloud2(e.clientX-200,e.clientY-0,-10,breeze(-200,100))
})
})
</script>
</head>
<body>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
the twitter balloon will not copy itself however each time a twitter balloon disapears or remove itself, it creates a facebook balloon and puts it in the left corner.
- how can I make them clickable so they will link to a url?
Thank you very much
1