Salve a tutti,
vorrei ottenere lo stesso effetto che si ha portando il mouse su una delle immagini incolonnate sulla destra (quelle con la descrizione in sfondo grigio).
Qualsiasi consiglio suggerimento è ben accetto!
Salve a tutti,
vorrei ottenere lo stesso effetto che si ha portando il mouse su una delle immagini incolonnate sulla destra (quelle con la descrizione in sfondo grigio).
Qualsiasi consiglio suggerimento è ben accetto!
Se una funzione riceve come argomento un puntatore di puntatore di puntatore quando la invochi ricordati che puo ricevere o un puntatore di puntatore di puntatore o l'indirizzo di un puntatore di puntatore
è un effetto collapsible ma invece di venir sollevato cliccando sull'immagine, come l'ho sempre visto, viene sollevato sugli eventi di ingresso e di uscita del mouse
Non so se ci sia qualcosa di già fatto. In mancanza di migliori idee parti da un plugin in cui è gestito l'onclick o banalmente da qui http://api.jquery.com/toggle/ partendo dall'esempio
e richiamando toggle non sul click ma su mouse over e su mouse outcodice:<script> $("button").click(function () { $("p").toggle("slow"); }); </script>
Grazie per il suggerimento....a chi potesse servire questa è una soluzione che si avvicina a quella del guardian online.
Codice PHP:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#toggle").mouseover(function () {
$("#hide").animate({opacity: 0.8,height: '30px'});
});
$("#toggle").mouseout(function () {
$("#hide").animate({opacity: 0,height: '0px'});
});
});
</script>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
img{
width: 100%;
height: 100%;
}
#hide{
position: inherit;
bottom: 0px;
left: 0px;
height: 0px;
width: 200px;
opacity: 0;
background:#666;
color:#fff;
z-index:23;
}
</style>
<title>Untitled Document</title>
</head>
<body>
<div id="toggle" style="position: absolute; top: 100px; left: 150px; width: 200px; height: 150px;">
[img]../img/Global-Warming.jpg[/img]
<div id="hide">
Testo nascosto
</div>
</div>
</body>
</html>
Saluti
Se una funzione riceve come argomento un puntatore di puntatore di puntatore quando la invochi ricordati che puo ricevere o un puntatore di puntatore di puntatore o l'indirizzo di un puntatore di puntatore
Permessi di invio
Rispondi quotando