Chinaunix首页 | 论坛 | 博客
  • 博客访问: 925507
  • 博文数量: 264
  • 博客积分: 10107
  • 博客等级: 上将
  • 技术积分: 2455
  • 用 户 组: 普通用户
  • 注册时间: 2007-05-09 16:34
文章分类

全部博文(264)

文章存档

2012年(1)

2011年(11)

2010年(128)

2009年(82)

2008年(42)

我的朋友

分类: 系统运维

2010-09-09 17:54:03

控制IFrame里的页面滚动原来如此简单:)

图片控制页面滚动

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



//a1为框架名,可自定义;

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

//scrolling为是否要在插入网页的框架中显示滚动条(yes:显示;no:不显示)。

 

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

向上

向下

//其中的图片地址和名称以及框架名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操作

使用jquery操作iframe

1 内容里有两个ifame

leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","")

2 如果内容里面有一个ID为mainiframe的ifame