iframe滚动条合集

时间：2010-09-09 来源：xue2

控制IFrame里的页面滚动原来如此简单：）

图片控制页面滚动

步骤一：在当前网页中插入其它网页

<iframe name=a1 align=left src="page.htm" frameborder=0 width="100%" scrolling=yes target="middle" ></iframe>

//a1为框架名，可自定义；

//page.htm为在当前网页中需插入的另一网页；

//scrolling为是否要在插入网页的框架中显示滚动条（yes：显示；no：不显示）。

　

步骤二：分别在需加移动指示处插入指示图片

<IMG src="pic/up.gif" alt="向上" onMouseOver="sf=setInterval('a1.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)" width="11" height="11">

<IMG src="pic/down.gif" alt="向下" onMouseOver="sf=setInterval('a1.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)" width="11" height="11" >

//其中的图片地址和名称以及框架名a1均可根据实际设定进行修改。
效果果然不错！收藏一下：）

-----------------------------------------------------------------------

获取页面某一元素的绝对X,Y坐标，可以用offset()方法：

1 2	var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left;

获取相对(父元素)位置:

1 2	var X = $('#DivID').position().top; var Y = $('#DivID').position().left;

---------------------------------------------------------------------------

jquery iframe操作

作者:Rady 日期:2009-04-29

使用jquery操作iframe

1 内容里有两个ifame

leftiframe中jQuery改变mainiframe的src代码：
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")

2 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容

$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值

2 如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

相关阅读更多 +