Jquery Image Mouse Effect

Web sitelerimizde, kişisel bloglarımızda, formlarımızda veya portallarımızda yer alan resimlerimiz açıklamalarını jquery yardımı ile görselleştirebiliriz, daha kullanışlı bir hale getirebiliriz.


Resmimizin üzerine mause ile gelindiginderesimin üst ve alt kısımlarında bölümlerimiz açılıyor ve resim hakkında bilgilerimiz bu bölüm aracılıyığla yayınlamış oluyoruz.
index.html kodlarımız

<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>Gumusluoglu.Com</title>
<link type="text/css" href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqueryui.js"></script>
<script type="text/javascript" src="js/mojo.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"></head>
<body>
<div id="container">
<div class="bblock">

<div class="item">
<div class="title">Dilmen.Net</div>
<img src="images/tf.jpg" alt="Image" />
<div class="desc">Aykut Dilmen'ni kişisel fotograf sitesi.</div>
</div>

<div class="item last">
<div class="title">Bemtashali.Com</div>
<img src="images/cc.jpg" alt="Image" />
<div class="desc">Bemtaş Halı LTD. ŞTİ. resmi web sitesi.</div>
</div>
</div>
</div>
</body>
</html>

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.
Uygulamanın çalışır demosunu incelemek için tıklayınız.

2 thoughts on “Jquery Image Mouse Effect

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir