- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- JQuery Tooltip...non riesco a farlo funzionare
-
JQuery Tooltip...non riesco a farlo funzionare
http://www.antoniofullone.it/tutorial/634/tooltip-con-jquery/
Da qui ho scaricato il tooltip e l'ho provato in due modi.
Il primo nella mia pagina (posto l'intero head)
HTML
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="PORTFOLIO.css" rel="stylesheet" type="text/css" /> <title>Lucaeffe.it</title> <script src="smoothscroll_dl/smoothscroll.js" type="text/javascript"></script> <!-- jQuery lightBox plugin --> <script type="text/javascript" src="JS/jquery-lightbox-0.5/js/jquery.js"></script> <script type="text/javascript" src="JS/jquery-lightbox-0.5/js/jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="JS/jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <!--fine jQuery lightBox plugin --> <script type="text/javascript" src="JS/jquery-lightbox-0.5/jquery.color.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#menu a').hover(function() { $(this).animate({ color: '#fc0' }, 100); }, function() { if (!$(this).hasClass("sel")) { $(this).animate({ color: "#fff" }, 2000); } }); }); </script> <script type="text/javascript" src="JS/jquery-tooltip/jquery.tooltip.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#tool a").tooltip({ track: true, delay: 0, fixPNG: true, top: 15, showURL: false, left: 5 , }); }); </script> <script type="text/javascript" src="JS/easySlider/easySlider/js/easySlider.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ prevText:'<', prevId: 'prevBtn', nextText: '>', nextId: 'nextBtn', orientation: 'horizontal' }); $("#slider2").easySlider({ prevText: '<', prevId: 'prevBtn2', nextText: '>', nextId: 'nextBtn2', }); $("#slider3").easySlider({ prevText: '<', prevId: 'prevBtn3', nextText: '>', nextId: 'nextBtn3', }); }); </script> <style type="text/css"> /* jQuery lightBox plugin - Gallery style */ #gallery{ margin:0; width:100%; height:3500px; text-decoration:none } a{ font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; } ul { list-style: none; padding:100px 0 0 50px; margin:0 0 50px 0 } ul li { display: inline; } ul img { margin:0 auto; border: 5px solid #3e3e3e; border-width:0; } ul a:hover img { border: 1px solid none; border-width:0; color: #fff; } ul a:hover { color:; } </style> </head>
CSS
#tool{ position:relative; width:500px; height:100px; margin:0; border:1px solid #ccc; padding:0; background:#f5f5f5; }
Il link per lo sxript non funziona e allora ho deciso di provare in una nuova pagina
HTML
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="Untitled-2.css" rel="stylesheet" type="text/css" /> <title>Untitled Document</title> <script type="text/javascript" src="JS/jquery-tooltip/lib/jquery.js"></script> <script type="text/javascript" src="JS/jquery-tooltip/jquery.tooltip.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#tool a').tooltip({ track: true, delay: 0, fixPNG: true, top: 15, showURL: false, left: 5 , }); }); </script>
CSS
@charset "utf-8"; /* CSS Document */ body{ background:#063; }{ position:relative; width:500px; height:100px; margin:auto; border:1px solid; padding:10px; background:#f5f5f5; } a{ font-size:1.4em; }
Ma il risultato è identico,ovvero lo script non ne vuol sapere di funzionare!!:x
-
Ciao lucaeffe,
hai postato la stessa domanda qui, e non concesso dal regolamento:
11. ** Crossposting**
11.0. Non è consentito postare lo stesso messaggio o parti di esso in più aree del forum, salvo casi di particolare interesse che dovranno comunque essere autorizzati da un Admin.