Java programozas, javascript
-
Bandee28 #330 Üdv,
Nézzetek rá erre a kódra, valamiért nem műxik. Van egy menűsorom rajta 4 gombbal, ami érzékeny lenne a weblap szélességének változtatására, ha egy gomb fölé viszem az egeret egy kis felirat jelenik meg felette. A felirat position: absolute -ra van állítva, ha változtatom a böngészőm szélességét a felirat már rossz helyen jelenik meg, ezt próbáltam megoldani. Légyszí nézzétek át, lehet hogy csak szintaktikai hiba van.
$(window).resize(function() {
$('nav ul li.trans').hover(function(){
var liki = $(this).attr('id');
if ($(this).attr('id') = "li1") {
var actualLeft = 100 - ((341 / $(window).width())* 100);
var pixelLeft= $(window).width() * (actualLeft / 100);
$('#li1:hover .text').css('left', String(pixelLeft)+'px');
} else if ($(this).attr('id') = "li2") {
var actualLeft = 100 - ((241 / $(window).width())* 100);
var pixelLeft= $(window).width() * (actualLeft / 100);
$('#li2:hover .text').css('left', String(pixelLeft)+'px');
} else if ($(this).attr('id') = "li3") {
var actualLeft = 100 - ((170.5 / $(window).width())* 100);
var pixelLeft= $(window).width() * (actualLeft / 100);
$('#li3:hover .text').css('left', String(pixelLeft)+'px');
} else if ($(this).attr('id') = "li4") {
var actualLeft = 100 - ((94.7 / $(window).width())* 100);
var pixelLeft= $(window).width() * (actualLeft / 100);
$('#li4:hover .text').css('left', String(pixelLeft)+'px');
}
});
});
Az az érdekes hogy a firefox konzolba a "liki" -re is not defined-ot ír.