用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。好东西大家分享。好名字容易娶媳妇？乌兰浩特论坛悦买网-专业导购网 Ta最近还发表过 [分享] 2025报到 (25-03-01) [分享] 我想再用Kingcms6.0做几个网站玩玩 (24-09-22) [分享] 最近做了一个用户登录短信验证（阿里云的） (24-09-18) [分享] 2024你好kingcms (24-05-17) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) 随机阅读 [其他] 手机版不能上传图片是硬伤 (15-07-31) [使用] 安装k9通用版出现的重大问题！急求解决！ (14-12-24) [疑问] 注册用户的脚本冲突，估计是$这个冲突 (12-10-22) [错误] link.asp '[number: 6]' ,无法添加二级栏目 (12-01-31) [疑问] VIP用户权限 (11-12-19)

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。

好东西大家分享。

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

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

随机阅读 [其他] 手机版不能上传图片是硬伤 (15-07-31) [使用] 安装k9通用版出现的重大问题！急求解决！ (14-12-24) [疑问] 注册用户的脚本冲突，估计是$这个冲突 (12-10-22) [错误] link.asp '[number: 6]' ,无法添加二级栏目 (12-01-31) [疑问] VIP用户权限 (11-12-19)

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

1Next >

发表回复

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

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

KingCMS 内容管理系统

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

粤ICP备08008106号