用JQuery简单实现两列等高并自适应高度

1Next >

updatex	发表于：10-09-01 18:48 [取消收藏] [添加收藏] 楼主 [回复] #Top#
人气：1523 积分：1531 金币：32550	让生成页面中的jquery引用不再是累赘之用JQuery简单实现两列等高并自适应高度论坛上很多人问如何去掉<script type="text/javascript" src="/system/js/jquery.js"></script> <script type="text/javascript" src="/system/js/jquery.kc.js"></script> 这两行代码，从个人来看根本没什么必要，为什么呢？因为这是jquery库，他还有很多妙用。至于jquery库是什么，大家网上搜索吧，俺就不多说了。今天我们就来个简单的吧，用JQuery简单实现两列等高并自适应高度，以此来抛砖引玉，希望更多的朋友能分享更多的kingcms的经验，模板中也能够用上这个jquery库，实现更多的特效。用JQuery实现两列等高并自适应高度，其实很简单，原理就是取得左右两边的高度，然后判断这个值，把大的值赋给小的就行了。看代码： jQuery(document).ready(function() { var _leftheight = jQuery(".left").height(); _rightheight = jQuery(".right").height(); if(_leftheight > _rightheight ) { jQuery(".right").height(_leftheight); } else { jQuery(".left").height(_rightheight); } }) 复制代码记得吧上面的.left和.right换成你左右两列的css。好东西大家分享。好名字容易娶媳妇？乌兰浩特论坛悦买网-专业导购网德阳123 Ta最近还发表过 [分享] 2025报到 (25-03-01) [分享] 我想再用Kingcms6.0做几个网站玩玩 (24-09-22) [分享] 最近做了一个用户登录短信验证（阿里云的） (24-09-18) [分享] 2024你好kingcms (24-05-17) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) 随机阅读 [模板] 更新orange模板1.09及blue模板1.04版本 (15-09-25) [分享] 服务器租用小总结，企业应该避免的因素 (15-04-09) [使用] k9门户就这样稀里糊涂的升级完了? (15-01-21) [分享] 百度的火星计划上线了 (13-10-30) [疑问] 采用PHP的版本做餐饮类的网站需要授权吗 (13-02-28)

updatex

发表于：10-09-01 18:48 [取消收藏] [添加收藏] 楼主 [回复] #Top#

人气：1523 积分：1531 金币：32550

让生成页面中的jquery引用不再是累赘之用JQuery简单实现两列等高并自适应高度

论坛上很多人问如何去掉<script type="text/javascript" src="/system/js/jquery.js"></script>
<script type="text/javascript" src="/system/js/jquery.kc.js"></script>
这两行代码，从个人来看根本没什么必要，为什么呢？因为这是jquery库，他还有很多妙用。
至于jquery库是什么，大家网上搜索吧，俺就不多说了。

今天我们就来个简单的吧，用JQuery简单实现两列等高并自适应高度，以此来抛砖引玉，希望更多的朋友能分享更多的kingcms的经验，模板中也能够用上这个jquery库，实现更多的特效。

用JQuery实现两列等高并自适应高度，其实很简单，原理就是取得左右两边的高度，然后判断这个值，把大的值赋给小的就行了。看代码：

jQuery(document).ready(function() {
var _leftheight = jQuery(".left").height();
_rightheight = jQuery(".right").height();
if(_leftheight > _rightheight ) {
jQuery(".right").height(_leftheight);
}
else {
jQuery(".left").height(_rightheight);
}
})

复制代码

记得吧上面的.left和.right换成你左右两列的css。

好东西大家分享。

好名字容易娶媳妇？乌兰浩特论坛悦买网-专业导购网德阳123

Ta最近还发表过 [分享] 2025报到 (25-03-01) [分享] 我想再用Kingcms6.0做几个网站玩玩 (24-09-22) [分享] 最近做了一个用户登录短信验证（阿里云的） (24-09-18) [分享] 2024你好kingcms (24-05-17) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24)

随机阅读 [模板] 更新orange模板1.09及blue模板1.04版本 (15-09-25) [分享] 服务器租用小总结，企业应该避免的因素 (15-04-09) [使用] k9门户就这样稀里糊涂的升级完了? (15-01-21) [分享] 百度的火星计划上线了 (13-10-30) [疑问] 采用PHP的版本做餐饮类的网站需要授权吗 (13-02-28)

zongxiao08	发表于：11-04-24 08:50 沙发 [回复] #Top#
人气：145 积分：994 金币：3553	好东西大家分享

1Next >

发表回复

帐号	匿名发布审核后可见 [加载完整在线编辑器]
内容
验证码	计算题太难?换个简单点的.

我已认真阅读服务条款，并遵守具体协议内容

KingCMS 内容管理系统

关于我们联系我们广告报价付款方式站点导航

广州唯众网络科技有限公司粤ICP备08008106号