PDA

View Full Version : مبتدی: کد تغییر top یک شی بعد از چند ثانیه



roomusic
پنج شنبه 16 خرداد 1392, 02:32 صبح
سلام دوستان
نمیدونم درخواستمو تو جای مناسب نوشتم یا نه
اگه نه که منو ببخشید
من یه شی تو صفحه html دارم که میخوام تا صفحه باز شد ویژگی top شیئم به -360 تغییر کنه
کسی کد این کار رو داره؟
اگه دارید ممنون میشم بزارید واسم:خجالت:

parvizwpf
پنج شنبه 16 خرداد 1392, 02:46 صبح
$('elementName').css('top','-360px');

roomusic
پنج شنبه 16 خرداد 1392, 02:55 صبح
$('elementName').css('top','-360px');


سلام دوست عزیز
خیلی ممنون ازکمکتون
ولی نمیدونم چرا کار نمیکنه
<script>
$('Layerup').css('top','-360px');
</script>

میشه بیشتر راهنمایی کنید
من هم تو تگ body زدم هم قبل از کل کدام و هم بعد از کل کدام
ولی بازم کار نکرد:گریه:

h_a_m_i_d
پنج شنبه 16 خرداد 1392, 05:44 صبح
با سلام بیا برادر اینم کد کامل
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#testlayer").css("top","-360px");
});
</script>
<style>
#testlayer{
position:absolute;
height:200px;
width:200px;
background:#CCC;


}
</style>
</head>
<body>
<div id="testlayer" >hello</div>
</body>
</html>

h_a_m_i_d
جمعه 17 خرداد 1392, 04:01 صبح
اینم کد کامل کامل با قابلیت تنظیم توسط خودت که چه میزان بالا و چه میزان چپ باشه به صورت ران تایم
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

$("#submiter").click(function(){
var mtop=(document.getElementById("txttoplayer").value);
var mleft=(document.getElementById("txtleftlayer").value);
$("#testlayer").css({"top":mtop,"left":mleft});
});
});

</script>
<style>
#testlayer{
position:absolute;
height:200px;
width:200px;
background:#CCC;


}
</style>
</head>
<body>
<label>Top:<input type="text" id="txttoplayer"/></label>
<label>Left:<input type="text" id="txtleftlayer"/></label>
<input type="submit" id="submiter" value="ارسال"/>
<div id="testlayer" >hello</div>
</body>
</html>