jquery 代替iframe的功能。DIV+CSS

<body>
<div>
<div class="left">lelt<br>
<ul>
<li><a href="aa.html" target="content" onclick="$('#content').load(this.href);return false;">菜单1</a></li>
<li><a href="bb.html" target="content" onclick="$('#content').load(this.href);return false;">菜单2</a></li>
</ul>
</div>
<div class="right" id="content">right</div>
</div>
</body>
在猎豹 IE 不兼容 请大神指点一下 或 其他的方法 一样功能的。

你说的不兼容应该是指点击后页面没反应,content里未加载相应的页面吧?
你是不是在本地环境测试的?代码中的load()方法是ajax技术,当你在本地环境下运行时,在一个页面去load另一个页面算做跨域操作,在猎豹(极速模式)、Chrome、Firefox等浏览器下默认是不支持ajax跨域操作的(出于安全考虑),所以没有效果。
如果你想本地测试的话,用IE8是可以的,其他浏览器下的测试需要服务器环境的支持。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-11-09
是css不兼容?

用div+css代替iframe
<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>鼠标点击左侧,右侧显示内容<\/title> <script type="text\/javascript" src="jquery-1.7.2.min.js"><\/script> <script type="text\/javascript"> (...

用div+css代替iframe
可以通过添加div层的方式,设置z-index属性,就不需要使用iframe调用新页面了。一个页面就是很多个层组合成的,一开始是display:none;隐藏状态,通过某个事件,使其显示display:block;即可。参数传递也更方便。

不使用iframe实现框架的功能怎么实现
不知道你是不是要布局后台,前台就没必要用框架,只要用div+css就ok了。要是后台的话,你可以参考一下一些免费的系统,列如织梦cms,帝国cms, Discuz! 等等,看一下它们后台布局,一定会有所收获

jquery如何去掉这弹出框的scroll啊
1、如果你是用iframe来实现的这个效果,在iframe上加一个属性:scrolling="no"2、如果是用div来实现这个效果,在标签上加一个属性:style=" overflow:hidden",也可以把这个加到div的css属性中。

Div+CSS如何实现iframe效果?
看了两遍,算是看懂了你的问题,frame是用来区域划分的,用div+css实现的话有两种方法一个是表格的形式,至于你想要多大一些要求都可以达到,合并单元格都可以。还可以直接CSS定义盒子,其实div+css你就可以理解是一个盒子 这个盒子多大 对齐方式 边距同样能调整到区块的效果,这两种方法都使用div+...

高分求助div+css
首先,这个问题没法单纯用css完美解决,先说ie的,height:100%;这个写法会让你的div与父级的高度相同,就表示你现在的写法是与body的高度一样,那你就没有办法达到紧贴bottom的效果。如果只做ie6的,那么在center加上padding-bottom:120px;可以达到你的效果。其他的就必须借助js了。如果你会jquery就更...

Jquery 获取iframe 中元素并设置CSS问题
1、创建一个名称为css的html文件。2、在页面中加入一个button按钮,当点击button的时候出发click事件。3、在加入一个div设置宽和高还有背景色,当button的click事件中用css方法修改该div背景色。4、文件引入jquery 库。5、在文档准备方法中加入click点击事件。6、在click事件中加入css方法设置div的背景色...

iframe 改变 父页面div 的 css
<a href="javascript:window.parent.box2.style.marginLeft='0px';">bbb<\/a>

jquery如何去掉这弹出框的scroll啊
1、如果你是用iframe来实现的这个效果,在iframe上加一个属性:scrolling="no"2、如果是用div来实现这个效果,在标签上加一个属性:style=" overflow:hidden",也可以把这个加到div的css属性中。

利用div+jquery自定义滚动条样式的2种方法
本来这个功能并不复杂,左边的菜单项是利用dtree.js来实现的,可时当功能实现完成之后,却发现一个问题,就是左边菜单栏中的设备名有的会很长,会 超出了div的长度,准确说是左边iframe的宽度和长度不够。那么,这时就必须要利用滚动条了,可以设置左边菜单项div的overflow- x:auto;overlfow-y:auto;...

相似回答