در این آموزش jquery، کدهای جی کوئری را به شما ارائه میدهیم که با استفاده از آن ها میتوانید افکت ذره بین بر روی عکس های خود ایجاد کنید.
دموی این کد زیبا را از این قسمت مشاهده کنید.
[free_vip]
کدهای فراخوانی :
[html]
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
<link rel=”stylesheet” type=”text/css” href=”styles.css” />
[/html]
کدهای html :
[html]
<div id=”main”>
<div id=”iphone”>
<div id=”webpage”>
<img src=”img/webpage.png” width=”499″ height=”283″ alt=”Web Page” />
<div id=”retina”></div>
</div>
</div>
</div>
<script type=”text/javascript” src=”script.js”></script>
[/html]
[/free_vip]
