用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) 随机阅读 [使用] 求将kingcms3升级为5 (19-01-22) [分享] KingCMS网站数据库备份方法 (15-05-20) [错误] 升级后隔三差五的出现网站打开空白问题 (14-10-11) [疑问] 用kingcms仿站时，首页出现错位。。。 (13-09-30) [建议] 关于碎片的建议 (12-03-01)

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)

随机阅读 [使用] 求将kingcms3升级为5 (19-01-22) [分享] KingCMS网站数据库备份方法 (15-05-20) [错误] 升级后隔三差五的出现网站打开空白问题 (14-10-11) [疑问] 用kingcms仿站时，首页出现错位。。。 (13-09-30) [建议] 关于碎片的建议 (12-03-01)

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

1Next >

发表回复

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

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

KingCMS 内容管理系统

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

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