放大缩小html文字,jquery放大缩小文字

jquery放大缩小文字

$(function(){

$("span").click(function(){

var theSize = $("#title").css("font-size");

var theTitleSize =parseFloat(theSize,10);//获取字体的大小

var units = theSize.slice(-2); //获取单位

var c_name = $(this).attr("class");//获取属性

if(c_name =="c_big"){//如果是放大则增大文字

if(theTitleSize <= 22){//判断大小，如果小于22px则减少

theTitleSize+=2;

}

}else if(c_name =="c_small"){//如果是缩小则缩小文字

if(theTitleSize >= 12){//判断大小，如果大于12px则减少

theTitleSize-=2;

}

$("#title").css("font-size",theTitleSize + units);//添加样式

});

#content{

width:300px;

height:450px;

background:#000000;

}

.c_big{

width:30px;

height:15px;

background:#00F;

border:1px;

margin:20px 20px;

}

.c_small{

width:30px;

height:15px;

background:#00F;

border:1px;

margin:10px 20px;

}

#title{

color:#FFFFFF;

}

放大缩小

举得起放得下的叫举重，举得起放不下的叫负重。可惜，大多数人的爱情，都是负重的。

If you can hold something up and put it down, it is called weight-lifting; if you can hold something up but can never put it down,it's called burden-bearing. Pitifully, most of people are bearing heavy burdens when they are in love.

放大缩小html文字,jquery放大缩小文字相关推荐

jQuery实现 div里面的文字如何自动缩小，避免文字溢出
今天用 jQuery实现 div里面的文字如何自动缩小,避免文字溢出的一个例子代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr ...
为什么把文字图片放大后有一圈彩色的像素方块，而不是纯黑色的
当我们把文字图片放大到一定程度后,我们可以明显的发现这个字居然不是纯黑色的,而是除黑色外还有很多彩色的像素方块组成的.如下图所示,我放大了五个m字母的图片的样子: 为什么会这样子呢?其实是微软的Cle ...
ppt矩形里面的图片怎么放大缩小_图形的放大与缩小（公开课 ppt课件）.ppt
图形的放大与缩小(公开课 ppt课件) 图形的放大或缩小填一填 (5)一个长方形长5厘米,宽2厘米,按4:1的比放大后现在的长是( )厘米,宽是( )厘米. (6)一个长方形原来长15厘米,宽10厘 ...
java 图片放大缩小_java 图像的放大与缩小
图像的放大,需要补充没有的像素,常用的方法有 1.最临近点插值算法(Nearest Neighbor) 2.双线性插值算法(Bilinear Interpolation) 3.双立方插值算法(Bicu ...
html使原图缩小三倍,图形的放大和缩小
<图形的放大与缩小>教学设计教学目标: 知识与技能:认识放大和缩小现象,理解并掌握按一定的比将图形放大与缩小,能利用方格纸按一定的比将简单图形放大与缩小,通过图形的放大与缩小体会图形的相 ...
div固定大小文字溢出自动缩小_Figma 教程 | 文字工具
想看更多 Figma 教程.资源请访问 Figma 中文网:https://figmacn.com 欢迎来到 Figma 教程.在这个教学视频中,我们将一起学习文字工具和字体的基本使用. 在设计中文字 ...
php实现跑马灯闪亮,JavaScript_基于jquery实现的文字向上跑动类似跑马灯的效果，想实现一个类似跑马灯的效果, - phpStudy...
基于jquery实现的文字向上跑动类似跑马灯的效果想实现一个类似跑马灯的效果,发现跑马灯有空格.效果也不美观,于是用jquery写了个页面代码恭喜187****5204获得1000RBM 恭喜1 ...
php生成文字闪烁,如何用jquery实现闪烁文字效果
用jquery实现闪烁文字效果的方法:首先获取到最新一条记事的pid,并在添加成功后来闪动这条记事:然后闪动的方法可以写到函数里,直接调用:最后有闪动就要有定时器,开启定时器即可. 本教程操作环境:w ...
html5内容切换特效,html5+jQuery图片和文字内容同时左右切换特效
html5+jQuery图片和文字内容同时左右切换特效,点击图片或者点击左右按钮进行切换,图片转动以及文字内容动画效果切换. 查看演示下载资源: 22 次下载资源下载积分: 20 积分 js代码 ...

放大缩小html文字,jquery放大缩小文字

放大缩小html文字,jquery放大缩小文字相关推荐

最新文章

热门文章