Question

我有一个div，我想在每次刷新页面时重新定位。

目前使用top和left设置在css中。我希望在页面刷新时传递顶部和左侧值。

#inneriframe
{
position:absolute;
top:-170px;
left:-5px;
width:1280px;
height:1200px;
}

内容来自其他网站并包含在iframe中，我希望每次刷新网页时，div的视口都会更改（在一定限制范围内）。

原始页面位于http://labs.ideeinc.com/multicolr#colors=8438AD;

我在这里有iFramed的一部分http://www.weninja.com/what-we-do

完整代码

<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 &copy; 2008 Idee Inc</h5>

所以基本上我只需要更改div #inneriframe的TOP和LEFT值以显示不同的图像 - 这可能吗？

由于

乔纳森

Answer 1

我不明白为什么iframe？...

您可以通过客户端（ajax）或服务器端（php或类似的）执行您想要的操作

使用php，例如：

在你的代码中xhtml：

<style type="text/css">
...
top: <?php echo $_GET['valueTop']; ?>px;
left: <?php echo $_GET['valueLeft']; ?>px;
...
</style>

或者您可以使用服务器端编写所有css ...

使用clientide，例如使用jquery（javascript）

$('yourelementyouwantposition').css('top','whatyouwant').css('left','whatyouwant');

你也可以通过服务器端传递“whatyouwant”......

在页面刷新时使用Javascript定位Div

1 个答案: