在页面刷新时使用Javascript定位Div
我有一个div,我想在每次刷新页面时重新定位它 它当前在css中使用“上”和“左”进行设置。我想在页面刷新时传递顶部和左侧的值在页面刷新时使用Javascript定位Div,javascript,css,iframe,Javascript,Css,Iframe,我有一个div,我想在每次刷新页面时重新定位它 它当前在css中使用“上”和“左”进行设置。我想在页面刷新时传递顶部和左侧的值 #inneriframe { position:absolute; top:-170px; left:-5px; width:1280px; height:1200px; } 内容来自另一个站点,包含在iframe中,我希望每次刷新页面时div的视口都会发生变化(在一定的限制范围内) 原版在这里 我在这里画了一部分 完整代码 <style type="text/
#inneriframe
{
position:absolute;
top:-170px;
left:-5px;
width:1280px;
height:1200px;
}
内容来自另一个站点,包含在iframe中,我希望每次刷新页面时div的视口都会发生变化(在一定的限制范围内)
原版在这里
我在这里画了一部分
完整代码
<style type="text/css">
#outerdiv
{
width:280px;
height:150px;
overflow:hidden;
position:relative;
}
#inneriframe
{
position:absolute;
top:-170px;
left:-5px;
width:1280px;
height:1200px;
}
</style>
<div id='outerdiv'>
<iframe src="http://labs.ideeinc.com/multicolr#colors=8438AD;" id='inneriframe' scrolling=no></iframe>
</div>
<h5>Multicolr Search Lab © 2008 Idee Inc</h5>
#外层
{
宽度:280px;
高度:150像素;
溢出:隐藏;
位置:相对位置;
}
#内框架
{
位置:绝对位置;
顶部:-170px;
左:-5px;
宽度:1280px;
高度:1200px;
}
MultiCLR搜索实验室和副本;2008艾迪公司
所以基本上我只需要更改div#inneriframe的顶部和左侧值,以显示不同的图像-这可能吗
谢谢
乔纳森我不明白为什么这个iframe 您可以通过客户端(ajax)或服务器端(php或类似工具)做您想做的事情 例如,对于php: 在您的xhtml代码中:
<style type="text/css">
...
top: <?php echo $_GET['valueTop']; ?>px;
left: <?php echo $_GET['valueLeft']; ?>px;
...
</style>
您也可以通过服务器端传递“whatyouwant”…我使用的是iFrame,因为我显示的内容位于另一个我无法访问的域上-谢谢您的帮助-我会尝试让它工作的您可以使用cURL!(如果您使用的是php);P
$('yourelementyouwantposition').css('top','whatyouwant').css('left','whatyouwant');