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

1Next >

updatex	发表于：10-09-01 18:48 [取消收藏] [添加收藏] 楼主 [回复] #Top#
人气：1518 积分：1551 金币：32240	让生成页面中的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最近还发表过 [分享] 2024你好kingcms (24-03-30) [分享] 最近做了一个用户登录短信验证（阿里云的） (23-12-20) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) [分享] 调用下级栏目 4年了，一直在用这个系统 (23-11-17) [疑问] 如何在发布页面增加图片上传功能呢？ (23-04-17) 随机阅读 [帮助] 更新：content应用的tagname过滤不严 (15-03-23) [疑问] 门户版VIP群怎么变成了普通群了？ (14-04-24) [模板] 美观大方的模板分享（兼容火狐ie7无错) (12-10-24) [其他] 四点让你写出高质量的伪原创内容 (12-05-29) [模板] 求网站高手帮忙 (11-09-26)

updatex

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

人气：1518 积分：1551 金币：32240

让生成页面中的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最近还发表过 [分享] 2024你好kingcms (24-03-30) [分享] 最近做了一个用户登录短信验证（阿里云的） (23-12-20) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) [分享] 调用下级栏目 4年了，一直在用这个系统 (23-11-17) [疑问] 如何在发布页面增加图片上传功能呢？ (23-04-17)

随机阅读 [帮助] 更新：content应用的tagname过滤不严 (15-03-23) [疑问] 门户版VIP群怎么变成了普通群了？ (14-04-24) [模板] 美观大方的模板分享（兼容火狐ie7无错) (12-10-24) [其他] 四点让你写出高质量的伪原创内容 (12-05-29) [模板] 求网站高手帮忙 (11-09-26)

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

1Next >

发表回复

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

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

KingCMS 内容管理系统

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

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