Оголемяване на текст

[mafiqta92]

Може ли да ми предложете кода, които когато мишката е над някой текст, текста да се уголемява (подобно на снимките).

 

[taxi]

Нещо такова ?

<span onmouseover="this.style.fontSize = '30'" onmouseout="this.style.fontSize ='15'" style="color:red">Probvai Tova</span>

п.с. Ако ти трябват някакви обяснения "как се ползва кода" ми пиши ЛС :arrow:

 

[svet1bg]

Разгледай това :

DEMO

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
     <head>
          <meta name="description" content="Оголемяване на текста"/>
          <meta name="keywords" content="Текст уголемяване JS javascript"/>
          <script type="text/javascript" src="../ui/jquery-1.4.4.js"></script>
          <script type="text/javascript">
               $(function(){
                    $("#pole a").click( function(){
                         var size = $("#text").css("font-size");
                         var num = parseFloat(size);
                         var me = size.slice(-2);

                         if (this.id=="goliamo") {
                              if (num<64) {
                                   $("#text").css("font-size", num + 3 + me);
                              }
                         } else if (this.id=="malko"){
                              if (num>16) {
                                   $("#text").css("font-size", num - 3 + me);
                              }
                         } else {
                              $("#text").css("font-size", "16px");
                         }
                    });
               });

               function goliam(){
                    $('#text2').css("font-size", "36px");
               }

               function malak(){
                    $('#text2').css("font-size", "16px");
               }
          </script>

          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title></title>
     </head>
     <body>
          <center>
               <div id="pole">
                    <a href="#" id="goliamo" >GOLIAMO</a> |
                    <a href="#" id="malko" >MALKO</a> |
                    <a href="#" id="normalno" >NORMALNO</a>
                    <hr>
                    <div id="text">
                         kakvo e tova neshto ?
                    </div>
                    <br><hr><br>
                    <div id="text2" onmouseover="goliam()" onmouseout="malak()">
Сложи мишката отгоре да сатна голям !!!
                    </div>
               </div>
          </center>
     </body>
</html>

 

[mafiqta92]

Нито едно не ми се получава. Разбрах ви идеята (демото не работи) и вие пробвали ли сте го ? Очаквам още идеи.

 

[taxi]

Интересно, защо при мен се получава, а при теб не ?
Ето демо на моя код :arrow:

http://web-tourist2.hit.bg/test.html

Кой Browser ползваш ?

 

[svet1bg]

Много интересни как такак не ми работи демото като си работи ама няма значение успех с начинаниетео.

 

[shterev]

Много интересни как такак не ми работи демото като си работи ама няма значение успех с начинаниетео.

Ако си го писал ти, защо не го направиш да ти слага на главния контейнер класове, после от цсс да "уголемяваш" шрифта, а не js-а да ти прави това, по-удобно е и по-гъвкаво

 

[tedobedo]

Ето как става с моята любов CSS3:

p {
	-webkit-transition: .5s linear all;
	-moz-transition: .5s linear all;
	-o-transition: .5s linear all;
	transition: .5s linear all;
}

p:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

 

[headsho7]

а може и нещо такова ...


<html>
<head>
<title>
xah
</title>
<script src="jquery.js"></script>
<script>

function zoom(){
$("#txt").animate({
"font-size" : "50"
}, 1500);
}

function obratno(){
$("#txt").animate({
"font-size" : "30"
}, 1500);
};
</script>

<style>
#txt
{
font-size:30px;
}
</style>

</head>

<body>

<div id="txt" onmouseover="zoom()" onmouseout="obratno()">
axaxaxxaxaxa
</div>
</body>


</html>

 

[svet1bg]

Много интересни как такак не ми работи демото като си работи ама няма значение успех с начинаниетео.

Ако си го писал ти, защо не го направиш да ти слага на главния контейнер класове, после от цсс да "уголемяваш" шрифта, а не js-а да ти прави това, по-удобно е и по-гъвкаво

Намекваш че не съм си писал аз кода ли ? Ще те оставя да си мислиш така.
Може да не съм голям спец но обичам аз да си съчинявам кода и ако нещо неразбирам да си диря инфо за него но не и да копи /пасте за разлика от много пичове във форума.

 

[headsho7]

точно преди .animate и на двете функции си добави .stop()