ravand
یک شنبه 20 آذر 1390, 16:17 عصر
با سلام
با استفاده از jQuery خیلی ساده می تونید یه همچین چیزی طراحی کنید.
کافیه Position همه صفحاتی که قراره تغییر کنن رو absolute کنید
با یه مقدار دقت و بازی با z-index می تونید خیلی راحت صفحات رو جابجا کنید.
داداش من يه سري كارا كردم . دو تا مكعب ساختم كه با جي كوئري اوليش حركت ميكنه ولي وقتي بر ميگرده نميره زير اون يكي. نميدونم چجوري مقدار z-index رو تغيير بدم.
<style>
#img
{
position:absolute;
left:50px;
top:50px;
z-index:2;
background-color: #28DD39;
height:100px;
width:100px;
}
#img2
{
position:absolute;
left:50px;
top:50px;
z-index:1;
background-color: #2830DD;
height:100px;
width:100px;
}
</style>
<script src="jquery.js" type="text/javascript"></script>
<body>
<script type="text/javascript">
$('document').ready(function(){
$("button").click(function ()
{
$("#img").animate({ "left" : "100px" }, 1000);
$("#img").animate({ "left" : "20px" }, 500);
$("#img").animate({ "left" : "50px" }, 500);
});
});
</script>
<button>Toggle 'em</button>
<div id="img">1234</div>
<div id="img2">123456789</div>
</body>