Kesulitan di materi dasar animasi Jquery gan

Beranda
Komunitas
Tech
Programmer Forum
Kesulitan di materi dasar animasi Jquery gan

marefy005

24-07-2013 02:01

Kesulitan di materi dasar animasi Jquery gan

Hallo Agan Agan semua. ane mau sedikit nanya ni ..

ane lagi belajar JQuery , terus ada contoh soal untuk buat tombol animasi di browser, kalau tombol itu di klik maka akan keluar lah gambar.

ini contoh hasil yang dimaksud gan :

Spoiler for gambar1:

Kesulitan di materi dasar animasi Jquery gan

dan ini script nya :

Spoiler for gambar2:

<!DOCTYPE html>
<html>
<head>
<title>Furry Friends Campaign</title>
<link rel="stylesheet" type="text/css" href="styles/my_style.
css">
</head>
<body>
<div id="clickMe">Show me the Furry Friend of the Day</div>
<div id="picframe">
<img src="images/furry_friend.jpg">
</div>
[removed][removed]
[removed]
$(document).ready(function(){
$("#clickMe").click(function() {
$("img").fadeIn(1000);
$("#picframe").slideToggle("slow");
});
});
[removed]
</body>
</html>
<style>
#clickMe, #picframe{
background: #D8B36E;
padding: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
color: #000;
border: 2px solid;
border-color: #444 #444 #444 #444;
text-align: center;
width: 220px;
display: block;}

#picframe {
border-width: 0px 2px 2px 2px;
border-color: none #444 #444 #444;
display: none;}
</style>

Ini yang lebih jelasnya gan :

Kesulitan di materi dasar animasi Jquery gan

Ane uda ikutin perintah dari script nya, tapi kenapa ga muncul yah animasinya ??

ada yang bisa bantu ???? thanks

Kunjungi web inigan dan download materi chapter1 nya di folder Begin.

740

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan