Cześć, miałem ten problem przez około 4 miesiące, teraz zrezygnowałem na początku, ale teraz muszę rozwiązać, starając się zrobić powiększenie efektu na Hover i zrobiłem cały kod i działa prawidłowo, ale kiedy go skopiuję i wklej go w redaktorze lub jak kod, który nie działa, próbowałem Firefoksa (najnowszej wersji) i Google Chrome (również najnowszej wersji), ale nadal nie ma żadnego wpływu nic, a także próbowałem korzystać z CDM Google i próbowałem pobrać JQUERY z samej witryny nic nie udało mi się pomóc, pomóż mi, ponieważ jestem po prostu początkującym w kodowaniu dziękuję

Mój HTML:

    <html>
<head>
    <title>Random Page</title>
    <link rel="stylesheet"; type="text/css"; href="Stylesheet.css" media="all">
</head>
<body>
    <img src="RandomPage.png">

    <p style="margin-right:220px; margin-top:20px; float:right; font-size:22px; font-family:century gothic; id="nav2" ">I <a id="nav" href="">HOME</a> I <a id="nav" href="">Apple</a> I <a id="nav" href="">Android</a> I <a id="nav" href="">Gaming</a> I <a id="nav" href="">Random Tech</a> I <a id="nav" href="">About Us</a> I </p>

    <div id="menu">
        <img style=" margin-top:10px; margin-left:10px; border-radius:4px; " src="RandomGaming.png" class="resizableImage">
         <img style=" margin-top:10px; border-radius:4px;" src="RandomFashion.png" class="resizableImage">
    </div>
</body>

Mój skrypt:

$(document).ready(function(){   
$('.resizableImage').mouseenter(function() {
$(this).stop().animate({ width: "+=10%", height: "+=10%" });
});

$('.resizableImage').mouseleave(function() {
var x = $(this).attr('width'),
    y = $(this).attr('height');

$(this).stop().animate({ width: x, height: y });
});
});

Z góry dziękuję

-5
YazTheGreat 22 listopad 2013, 01:31

3 odpowiedzi

Najlepsza odpowiedź

Musisz dodać bibliotekę jQuery i musi być pierwszą rzeczą, którą dodasz.

Wklej to <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> w tagu głowy i upewnij się, że jest tam pierwszy skrypt.

0
Doge 21 listopad 2013, 21:42

Twój przykład HTML nie zawiera jQuery.

0
Collin Grady 21 listopad 2013, 21:33

Umieść następujący skrypt poniżej skryptu w głowie. Tak jak to:

<head>
    <title>Random Page</title>
    <link rel="stylesheet"; type="text/css"; href="Stylesheet.css" media="all">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <!-- include future js scripts here -->
</head>

Następnie tuż przed zamknięciem </body> tag, dodaj kod jQuery, tak jak:

<script>
$(document).ready(function(){  

    $('.resizableImage').mouseenter(function() {
        $(this).stop().animate({ width: "+=10%", height: "+=10%" });
    });

    $('.resizableImage').mouseleave(function() {
        var x = $(this).attr('width'),
        y = $(this).attr('height');

        $(this).stop().animate({ width: x, height: y });
    });

});
</script>

Uwaga: Jest bardziej wydajny i umożliwia szybsze ładowanie stron, jeśli skrypty JS są zawarte przed tagiem zamykającym powyżej funkcji. co też nie jest złe.

0
Mike Barwick 21 listopad 2013, 21:54