jQuery实现两列等高并自适应高度
想要使用JQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。看代码:
$(document).ready(function() { var _leftheight = jQuery(".left").height(); var _rightheight = jQuery(".right").height(); if (_leftheight > _rightheight) { jQuery(".right").height(_leftheight); } else { jQuery(".left").height(_rightheight); } });
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!
相关推荐
-
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
复制代码 代码如下: function adjustIFramesHeightOnLoad(iframe) { var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight); $(iframe).height(iframeHeight); } 失败的测试就不说
-
基于jquery的让textarea自适应高度的插件
Introduction 1. This textarea is like the google calendar's description when you create one new or update one existence calendar; 2. Its height will be changed accroding to user's input; 3. Its scrollbar is removed, which makes it much user friendly.
-
Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
首先是Jquery 无标题文档 $(function(){ var scrtime; $("#con").hover(function(){ clearInterval(scrtime); },function(){ scrtime = setInterval(function(){ var $ul = $("#con ul"); var liHeight = $ul.find("li:last").height(); $ul.animate({
-
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
jquery很强大,代码很简单: 复制代码 代码如下: $("#iPersonalInfo").load(function() { $(this).height($(this).contents().height()); }) 有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间.就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行. 以下是jQuery,load事件的概述 在每一个匹配元素的load事件中绑定一个处理函数. 如果绑定给window对象,则会在所有内容加载
-
使用jQuery不判断浏览器高度解决iframe自适应高度问题
这里介绍两个超级简单的方法,不用写什么判断浏览器高度.宽度啥的. 下面的两种方法自选其一就行了.一个是放在和iframe同页面的,一个是放在test.html页面的. 注意别放错了地方. iframe的代码中,注意要写ID,没有ID查找不到 复制代码 代码如下: <iframe src="test.html" id="main" width="700" height="300" frameborder="0&q
-
基于jQuery实现左右div自适应高度完全相同的代码
在线演示:http://demo.jb51.net/js/2012/jquery_demo/jquery_div_autoheihet.htm完整代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo
-
教你用jquery实现iframe自适应高度
iframe代码,注意要写ID 复制代码 代码如下: <iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe> jquery代码一: 复制代码 代码如下: //注意:下面的代码是放在test.html调用 $(windo
-
jquery实现textarea 高度自适应
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下 复制代码 代码如下: jQuery.fn.extend({ autoHeight: function(){ return this.each(function(){ var $this = jQuery(this); if( !$th
-
jQuery解决iframe高度自适应代码
复制代码 代码如下: <script type="text/javascript"> <!-- $( function() { //iframe高度随内容自动调整 $('.main').load( function() { $(this).height($(this).contents().find("b
-
jQuery简单实现iframe的高度根据页面内容自适应的方法
本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法.分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); }); 方式2: //注意:下面的代码
随机推荐
- WampServer搭建php环境时遇到的问题汇总
- ASP个人网站与动网整合非官方方法
- SQLite教程(一):SQLite数据库介绍
- 详解JavaScript基于面向对象之继承
- jvm内存溢出解决方法(jvm内存溢出怎么解决)
- java教程之java继承示例详解
- iOS中使用ZBar扫描二维码自定义扫描界面功能
- 关于PHP定时发送服务的解决办法
- GridView中加上CheckBox 的全选功能的代码
- Django自定义分页效果
- Lua math.fmod使用时的小数问题
- 项目中常用的JS方法整理
- Android基于ViewDragHelper仿QQ5.0侧滑界面效果
- PHP面向对象分析设计的61条军规小结
- 浅谈flask截获所有访问及before/after_request修饰器
- Django rest framework基本介绍与代码示例
- VirtualBox虚拟机网络设置四种模式详细说明
- Java Clone深拷贝与浅拷贝的两种实现方法
- 玩转vue的slot内容分发
- Laravel框架集成UEditor编辑器的方法图文与实例详解