Question

我目前正在尝试更改字母的字体大小＆＃34; Se Habla Espanol＆＃34;。

我对JavaScript比较陌生。在我玩网站的过程中，我遇到了以下问题。

这就是我目前所拥有的：

<body>

<font color="yellow">
<script>
function blinker() {
$('.blinking').fadeOut(500);
$('.blinking').fadeIn(500);
}

setInterval(blinker, 1000);

</script>

<center>

<p class="blinking">se habla Espanol</p>

</center>


</font>

</body>

我正在考虑使用以下代码，但它似乎只响应HTML而不是javascript

<font size="+2">This is bigger text.</font>

这就是我的想法，所以我的工作并不准确，一切都是从互联网上获取的

- 这是我试图做的但是没有工作：

<center>
<font size="+2">
<p class="blinking">se habla Espanol</p>
</font>

</center>

Answer 1

如果您已经在使用jQuery，为什么不使用带有css的选择器

$('.blinking').css('font-size' ,' 22px');
// or what ever font-size  you would like

Answer 2

如果我理解正确，你可以在jquery中为标签添加一个css样式：

$(".blinking").css( "font-size", "7px" );

并添加css：

.blinking
{
    -webkit-transition: font 0.3s ease;
    -moz-transition: font  0.3s ease;
    -o-transition: font 0.3s ease;
    -ms-transition: font 0.3s ease;
}

如果您想要更改，可以再次设置较小的值

Answer 3

不完全确定为什么你把它标记为jquery / java时它没有......

假设我们有一个名为.upFontByTwo的类并且您正在使用jquery，那么您可以执行以下操作...

//Evaluates current font-size of said class to string
var currentFontSize = $(".upFontByTwo").css("font-size"));
//(currentFontSize == '22px')


//Changes it from string to its actual value
currentFontSize = parseInt(currentFontSize);
//(currentFontSize == 22)

//Makes the font-size for the same class the same size +2
$(".upFontByTwo").css("font-size", (currentFontSize+2) + 'px');

也不要使用<center>标记和<font>标记。他们都弃用了。

Answer 4

我认为你正在使用Jquery。不要把它放在外面它会使HTML变得更复杂。只需为

标签

制作attr

<p class="blinking" data-addition-size="2">se habla Espanol</p>

然后添加

var current-size = parseInt($('.blinking').css('font-size'), 10);
var new-size =  current-size + $('.blinking').data("addition-size");
$('.blinking').css("font-size", new-size + "px");

Answer 5

无需使用JS / JQuery操作元素，只需要CSS，然后就可以删除很多HTML标记：

＆＃13;

// keep your JS as it is
function blinker() {
  $('.blinking').fadeOut(500);
  $('.blinking').fadeIn(500);
}
setInterval(blinker, 1000);

＆＃13;

/* add this CSS to your page, either in the document's header or in an external file */
.blinking {
  font-size: 2em; /* use twice the "normal" size */
  text-align: center; /* align text centered */
  /*color: yellow;*/ /* put into comment to avoid damage to your eyes */
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<!-- now you only need the <p> tag, remove all your <center> and <font> tags -->
<p class="blinking">se habla Espanol</p>

＆＃13;

使用JavaScript更改字体大小

5 个答案: