Cześć!
Mam taki problem że potrzebuje zrobić stronę na której są 3 napisy, te napisy są odnośnikami do dowolnych strony www i jednocześnie te napisy mają być na zdjęciach, wszystko fajnie działa bo do tej pory nie użyłem jquery.Po najechaniu na na napis ma się pojawić dymek z jakimś napisem.
Problem jest taki że absolutnie nie wiem gdzie szukać błędu, znaczy mam skrypt jquery przepisany z książki i tak samo ten wcześniejszy skrypt z odnośnikami, ale na jquery nie znam się w ogóle i nawet nie wiem czy dobrze podpina bibliotekę.
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="moje_skrypty.js"></script>
Plik z kodami są w tym samym folderze. Pierwszy kod to miał być odnośnik do pliku jquery którego pobrałem z www.jquery.com a drugi do skryptu jquery. Oby 2 pliki są zapisane w rozszerzeniu js. Pliki w folderze nazywają się dokładnie tak samo czyli jquery-1.8.3 oraz moje_skrypty. Próbowałem się bawić w zmienianie nazw tych plików i ich rozszerzeń ale nic nie pomaga a nie znalazłem nigdzie w internecie możliwych przyczyn problemu.Znaczniki script są napisane w sekcji head.Wstawiam kod jquery jeśli miało by to pomóc.
$(document).ready(function(){
$(".menu a").hover(function() {
$(this).next("p").animate({opacity: "show", top: "-75"}, "slow");
}, function() {
$(this).next("p").animate({opacity: "hide", top: "-85"}, "fast");
});
}):
a tu ten pierwszy kod
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8 />
<title>Dymki</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="moje_skrypty.js"></script>
<style type="text/css">
body {
background: url(sejm.jpg) no-repeat;
margin: 10px auto;
width: 570px;
font: 75%/120% Arial, sans-serif;
}
.menu {
margin: 100px 0 0;
padding: 0;
list-style: none;
}
.menu li {
padding: 0;
margin: 0 2px;
float: left;
position: relative;
text-align: center;
}
.menu a {
padding: 14px 10px;
display: block;
color: #000000;
width: 144px;
text-decoration: none;
font-weight: bold;
background: url(menu.jpg) no-repeat center;
}
.menu li p {
background: url(opis.png) no-repeat;
width: 180px;
height: 54px;
position: absolute;
top: -85px;
left: -10px;
text-align: center;
padding: 10px 10px 10px;
font-style: normal;
z-index: 2;
display: none;
}
</style>
</head>
<body>
<ul class="menu">
<li> <a href="http://www.sejm.gov.pl/">Chcesz zobaczyć kotka w piwnicy?</a>
<p>Wszelka władza społeczności ludzkiej początek swój bierze z woli narodu</p>
</li>
<li><a href="http://www.men.gov.pl/">Uwaga zawsze się trochę ....</a>
<p>Takie będą Rzeczypospolite, jakie ich młodzieży chowanie</p>
</li>
<li><a href="http://www.cke.edu.pl/">uważaj za tobą</a>
<p>Edukacja skuteczna, przyjazna i nowoczesna</p>
</li>
</ul>
</body>
</html>
Jeżeli ktoś ma pomysł jak to naprawić to prosiłbym o pisanie bardzo prostym językiem.