html之div整体缩小,如何整体放大或缩小div元素

满意答案

xiaocat9

2014.08.20

采纳率：52% 等级：7

已帮助：211人

实现div层的放大与缩小，参考实例如下：

.content

{

border: 1px solid #ccc;

width: 440px;

overflow: hidden;

margin: 10px;

}

$(document).ready(function() {

if ($('#content').height() > 400)

$('#content').height(400);

$('#bigger').toggle(function() {

$('#content').height($('#content').height() + 100);

$('#bigger').html('缩小');

}, function() {

$('#content').height($('#content').height() - 100);

$('#bigger').html('放大');

})

});

内容1

内容2

放大

00分享举报

html之div整体缩小,如何整体放大或缩小div元素相关推荐

php 如何缩小一张图片,放大和缩小图片的技巧_PHP
获得一幅原始的图片后,感觉尺寸不符合要求,这时就要想办法把图片放大或缩小了.当然你也可以用photoshop之类的软件来达到自己的要求,但是如果要经常做这种事情,就显的太繁琐了,所以还是编一个程序来的 ...
matlab 图像放大缩小,图像的放大与缩小（MATLAB 代码）
首先第一种: function I=ImageZoom(I1,x,y) %功能:实现图像的任意倍数缩放 %x---水平缩放系数 %y---竖直缩放系数 if length(size(I1))>2 ...
QCustomplot放大与缩小
文章目录[隐藏] QCustomplot 放大与缩小方法 QCustomplot 放大与缩小方法方法 1 : 以鼠标当前位置为中心点进行放大缩小 ui->customplot->axis ...
android 手势放缩_AIR Android:放大与缩小手势
放大与缩小手势(1) 放大与缩小手势对应TransformGestureEvent. GESTURE_ZOOM事件类型,使用时要求两个手指触摸屏幕,同时向外或向内做放缩动作,如图3-2所示. 图3-2 ...
[Web Chart系列之五] 2. 实战draw2d 之Label 放大，缩小的问题(raphael的text类似问题)
问题描述在draw2d中使用Canvas 的setZoom function来扩大,缩小画布进而放大,缩小画布上的图形大小.(Zoom in/Zoom Out功能). 图形类型Circle, Rec ...
Android 自定义图片点击放大、缩小
@SuppressLint("AppCompatCustomView") public class ZoomImageView extends ImageView implemen ...
rp导入图片大小_Axure制作图像的放大与缩小效果的四种方式
1.新建Axure RP项目,取名"Axure制作图像的放大与缩小效果" 2.拖入动态面板控件,取名"放大缩小".设置大小为560*330px.坐标为x:300 ...
几何画板放大和缩小的方法
现代社会很多的学校都有了多媒体教学,几何画板就是一种可以配合多媒体教学的辅助软件.老师可以利用几何画板制作静态甚至动态的教学课件,让学生们更能直观的了解图形的变化,加强学生记忆和兴趣.在教学过程中,为 ...
css固定图片大小 vue_css3 实现图片等比例放大与缩小
css3 实现图片等比例放大与缩小在工作中,经常会碰到图片缩放的情况,比如服务器端返回的图片大小,可能大小不同,有的大,有的小,服务器端返回的图片大小我们不能控制的,但是在我们设计稿的时候,可能会规 ...

html之div整体缩小,如何整体放大或缩小div元素

html之div整体缩小,如何整体放大或缩小div元素相关推荐

最新文章

热门文章