Tooltip langsam einblenden lassen

hinkel11

Ist es möglich einen Tooltip langsam einblenden zu lassen? Hab leider kein Anschauungsbeispiel, habs mal bei einem Tooltip-Plugin gesehen. War allerdings ein java-basierendes.

Elvis

Zitat von hinkel11

war allerdings ein java-basierendes.

javascript!

synaptic

DANKE Elvis
das separat nochmal zu betonen ist wichtig, in nem kompletten beitrag geht sowas immer unter!!!

das folgende script habe ich vor ein paar tagen für macrosdesign geschrieben... zu sehen ist es auf http://www.macrosdesign.com, wenn du oben auf das "about" gehst

Code

function aus () {infobox("info",235,"aus", '') }
function ein () {infobox("info",235,"ein" 'bla ein text<br /> hier kann auch html rein') }


var TIMERAUS;
var TIMERAN;


function infobox(id, hoehe, zustand, text){
	target = document.getElementById(id);
	textfeld = document.getElementById("infotext");
	t_height = parseInt(target.style.height);
	if(zustand == "ein"){
		if(t_height < hoehe){
			target.style.height= t_height + 5 + "px";
			TIMERAN = setTimeout("ein ()", 20);
		}
		clearTimeout(TIMERAUS);
		if(t_height>=hoehe){
			textfeld.innerHTML=text;
		}
	}else if(zustand == "aus"){
		if(t_height > h){
			target.style.height= t_height - 5 + "px";
			TIMERAUS = setTimeout("aus ()", 20);
		}
		clearTimeout(TIMERAN);
		if(t_height<hoehe){
			textfeld.innerHTML="";
		}
	}

}

Alles anzeigen

der code öffnet nen div..
id = id des divs
hoehe = höhe die maximal aufgefaltet wird
zustand = "ein" oder "aus" also ausklappen oder einklappen
text = der text der reingeschrieben wird, nachdem das ding geöffnet ist!

HTML

<div id="info" style="height:20px;" onmouseover="ein()" onmouseout="aus()">
<p id="infotext"></p>
</div>

Elvis

Zitat von synaptic

DANKE Elvis
das separat nochmal zu betonen ist wichtig, in nem kompletten beitrag geht sowas immer unter!!!

Bitte! Ich versuche ja selbst mir diese Unsitte mit dem Wort "Homepage" abzugwöhnen.

Tags