博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
“查看更多”--和--“点击收起”(模拟开关事件)
阅读量:6626 次
发布时间:2019-06-25

本文共 666 字,大约阅读时间需要 2 分钟。

原理:

1、首先定义一个开关(其实就是一个标志),默认为开;

2、定义或者获取默认显示的容器(container)的高度(heightm);

3、点击按钮(#more-news-media)时,如果为“开(true)”,则容器(container)的高设为自动(auto),就将显示所有,此时将开关置为“关”,将按钮上的文字设为“点击收起”;如果为“关(false)”,则容器的高设为第二步中“定义或获取”的高度,此时将开关置为“开”,将按钮上的文字设为“查看更多”。

/*查看更多*/	function fn1(){		var tog=true;		var heightm=$('.row').height()*4;		$('.container').height(heightm);		$('#more-news-media').click(function(){			if(tog){				$('.container').css('height', 'auto');				$('#more-news-media').html('点击收起');				tog=false;			}else{				$('.container').css('height', heightm);				$('#more-news-media').html('查看更多');				tog=true;			}		})	}fn1();

  

转载于:https://www.cnblogs.com/candy-Yao/p/7499812.html

你可能感兴趣的文章
easyui form validate总是返回false原因
查看>>
在(CListView)列表视图中添加右键菜单的方法
查看>>
自定义服务器控件(处理不同的浏览器)
查看>>
解决IE6-IE7下li上下间距
查看>>
聚集索引更新后会不会马上重新排序
查看>>
幸运大抽奖
查看>>
Post请求
查看>>
labview 中activex的初步使用方法
查看>>
JSP与JavaBeans
查看>>
解决Android中TextView首行缩进的问题
查看>>
oracle 查询哪些表分区
查看>>
Java排序算法(三):直接插入排序
查看>>
Python 列表 min() 方法
查看>>
C语言中 Float 数据结构的存储计算
查看>>
HSF源码阅读
查看>>
【死磕jeesite源码】Jeesite配置定时任务
查看>>
程序8
查看>>
TBluetoothLEDevice.UpdateOnReconnect
查看>>
QtTableView 简介
查看>>
Liferay 6开发学习(二十六):数据库连接相关问题
查看>>