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实现左右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与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自适应高度
iframe代码,注意要写ID 复制代码 代码如下: <iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe> jquery代码一: 复制代码 代码如下: //注意:下面的代码是放在test.html调用 $(windo
-
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
jquery很强大,代码很简单: 复制代码 代码如下: $("#iPersonalInfo").load(function() { $(this).height($(this).contents().height()); }) 有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间.就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行. 以下是jQuery,load事件的概述 在每一个匹配元素的load事件中绑定一个处理函数. 如果绑定给window对象,则会在所有内容加载
-
jquery实现textarea 高度自适应
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下 复制代码 代码如下: jQuery.fn.extend({ autoHeight: function(){ return this.each(function(){ var $this = jQuery(this); if( !$th
-
基于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解决iframe高度自适应代码
复制代码 代码如下: <script type="text/javascript"> <!-- $( function() { //iframe高度随内容自动调整 $('.main').load( function() { $(this).height($(this).contents().find("b
-
使用jQuery不判断浏览器高度解决iframe自适应高度问题
这里介绍两个超级简单的方法,不用写什么判断浏览器高度.宽度啥的. 下面的两种方法自选其一就行了.一个是放在和iframe同页面的,一个是放在test.html页面的. 注意别放错了地方. iframe的代码中,注意要写ID,没有ID查找不到 复制代码 代码如下: <iframe src="test.html" id="main" width="700" height="300" frameborder="0&q
-
jQuery简单实现iframe的高度根据页面内容自适应的方法
本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法.分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); }); 方式2: //注意:下面的代码
-
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); } 失败的测试就不说
随机推荐
- Go语言计算指定年月天数的方法
- 如何修改XP 远程管理默认端口
- Eclipse启动Tomcat后无法访问项目解决办法
- JavaScript解析任意形式的json树型结构展示
- connection reset by peer问题总结及解决方案
- Struts2.5 利用Ajax将json数据传值到JSP的实例
- Mysql varchar大小长度问题介绍
- linux下tomcat常用操作
- 常见的javascript跨域通信方法
- Ionic3 UI组件之Gallery Modal详解
- jquery.validate.js 多个相同name的处理方式
- Linux防火墙配置SNAT教程(2)
- 详解C语言中scanf函数使用的一些注意点
- Android中AutoCompleteTextView与MultiAutoCompleteTextView的用法
- Get中文乱码IE浏览器Get中文乱码解决方案
- PHP VS ASP
- C# 面向对象的基本原则
- 基于vue-element组件实现音乐播放器功能
- iOS开发实现UIImageView的分类
- django admin后台添加导出excel功能示例代码