JQuery can't change font-size -

-

i need change font size on hover, think doesn't work me because i'm using bootstrap. have:

<!doctype html> <html> <head> <title>marichihueu</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <link rel="stylesheet"  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dtfge/zgomypp7qbhy4gwmegsbsdzecxz7iritjcc3spuftf0kufbdz/ixg7artxmdjlxdmezhubenikykgvyq==" crossorigin="anonymous"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">    </script> <script>  $(document).ready(mymain);   function mymain(){      $("a").hover(more);      function more(){         $(this).animate({font-size:'50px'},"fast");     }  } </script> </head>  <body> <header> <div class="container-fluid">     <h1>test</h1> </div> </header>  <div class="container"> <div class="row well">     <div>         <input type="text" />     </div>     <div class="row-fluid">         <ul class="nav nav-pills">             <li><a href="#">a</a></li>             <li><a href="#">b</a></li>             <li><a href="#">c</a></li>             <li><a href="#">d</a></li>             <li><a href="#">e</a></li>             <li><a href="#">f</a></li>             <li><a href="#">g</a></li>             <li><a href="#">h</a></li>             <li><a href="#">i</a></li>             <li><a href="#">j</a></li>             <li><a href="#">k</a></li>             <li><a href="#">l</a></li>             <li><a href="#">m</a></li>             <li><a href="#">n</a></li>             <li><a href="#">Ñ</a></li>             <li><a href="#">o</a></li>             <li><a href="#">p</a></li>             <li><a href="#">q</a></li>             <li><a href="#">r</a></li>             <li><a href="#">s</a></li>             <li><a href="#">t</a></li>             <li><a href="#">u</a></li>             <li><a href="#">v</a></li>             <li><a href="#">x</a></li>             <li><a href="#">y</a></li>             <li><a href="#">z</a></li>         </ul>     </div> </div> </div> </body> </html>

i don't know wrong, maybe bootstrap rule.

sorry bad english.

you need use 'font-size' instead of font-size

$(document).ready(mymain); function mymain(){     $("a").hover(big , small);      function big(){         $(this).animate({'font-size':'50px'},"fast");     }     function small(){         $(this).animate({'font-size':'15px'},"fast");     } }

demo

note : can use custom duration instead of 'fast' , 'slow' default duration : 400 find here animate()

but prefer use hover in css in @pekka answer , use transition .. anyway you


Comments

Post a Comment

Popular posts from this blog

matlab - error with cyclic autocorrelation function -

-
Image
i'm trying code cyclic autocorrelation function in matlab follows: t=0:(n-1); t=t*te; i_alpha=0; tau=-n2*te:te:n2*te; alpha=-1/2:1/n:1/2; ryy_cl=zeros(length(alpha),length(tau)); alpha=alpha/te ind_tau=0; i_alpha=i_alpha+1; k=tau ind_tau=ind_tau+1; if k>0 % ryy_cl(i_alpha,ind_tau)=1/length(sig_bin_syl_mod(1:end- k))*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(1i*2*pi*alpha*t(1+k:length(sig_bin_syl_mod(1:end)))); ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(-1i*2*pi*alpha*t(1:end-k)); else ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1-k:end)).*sig_bin_syl_mod(1:end+k)).*exp(-1i*2*pi*alpha*t(1-k:end)); end end end i'm getting errors, , doesn't show expecting. according below formulae, how can fix it? the code provided incomplete, difficult confidently reproduce error. in particular, haven't de...
Read more

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

-
i trying create customuser django project email username , add radio button truck , company. in registration process email-id registered per truck or company. mentioned radio button 'tag' , add manytomany field tag in emailuser model. when makemigrations, raising error : (fields.e300) field defines relation model 'abstractemailuser' either not installed, or abstract. i quite new django , not sure whether have created correct code wants. please me solving this. here code, models.py: import django django.contrib.auth.models import ( abstractbaseuser, baseusermanager, permissionsmixin) django.core.mail import send_mail django.db import models django.utils import timezone django.utils.translation import ugettext_lazy _ class emailusermanager(baseusermanager): """custom manager emailuser.""" def _create_user(self, email, password, is_staff, is_superuser, **extra_fields): """create , save emailus...
Read more

c# - What is a good .Net RefEdit control to use with ExcelDna? -

-
i using exceldna , c# build suite of tools. part of forms i'd want user select cells/ranges workbook. i've got application.inputbox route working...but doesn't cool... i haven't read many things excel's refedit control, , see many have in past written workarounds, in (shudder) vba or vb.net. however, none of these seem recent... best approach/control refedit functionality on form run via exceldna (if applicable)? the refedit sample project of github explores different ways of dealing threading when showing form excel add-in, main issue making refedit control .net add-in. check page links various other implementations: https://github.com/excel-dna/exceldna/wiki/links-about-refedit
Read more