-
Fototrend
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
Mivel próbálkoztál eddig?
"Insert the below script into the <head> section of your page"
Tehát magyarul ezt a részt, ami ez alatt van, be kell másolni a forráskódod <head> részébe.Aztán még ezt is másold az előbbiek alá:
<script type="text/javascript">
var tooltips = [];
tooltips[0]=["red_balloon.gif", "Here is a red balloon<br /> on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}];
tooltips[1]=["duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}];
tooltips[2]=["dynamicindex14/winter.jpg"];
tooltips[3]=["dynamicindex17/bridge.gif", "Bridge to somewhere.", {background:"white", font:"bold 12px Arial"}];
</script>Komplett példa:
<html>
<head>
<title>próba</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.dynamicdrive.com/dynamicindex4/ddimgtooltip.css" />
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex4/ddimgtooltip.js">
/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var tooltips = [];
tooltips[0]=["http://www.dynamicdrive.com/dynamicindex4/red_balloon.gif", "Here is a red balloon<br /> on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}];
tooltips[1]=["http://www.dynamicdrive.com/dynamicindex4/duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}];
tooltips[2]=["http://www.dynamicdrive.com/dynamicindex4/dynamicindex14/winter.jpg"];
tooltips[3]=["http://www.dynamicdrive.com/dynamicindex4/dynamicindex17/bridge.gif", "Bridge to somewhere.", {background:"white", font:"bold 12px Arial"}];
</script>
</head>
<body>
<p><a href="http://www.dynamicdrive.com" rel="imgtip[0]">Link 1</a></p>
<p><a href="http://javascriptkit.com" rel="imgtip[1]" style="float:right">Link 2</a></p>
<p><a href="http://cssdrive.com" rel="imgtip[2]">Link 3</a></p>
<p><a href="http://codingforums.com" rel="imgtip[3]">Link 4</a></p>
</body>
</html>Ide felraktam a komplett kódot: [link]
A képeket valamiért nem tölti be, most vagy azért, mert a hotlinkelés tiltva van, vagy másért, ezzel nem töltöttem időt, mindenesetre a tooltip megjelenik.= Szerk.: egyébként vannak alternatívák bőven tooltipekre, ide korábban felraktam egy másik példát: [link].
---------------------------------------------------------
(#2245) [pod]Diablo : szívesen!
Új hozzászólás Aktív témák
- Spórolós topik
- Mibe tegyem a megtakarításaimat?
- Folyószámla, bankszámla, bankváltás, külföldi kártyahasználat
- Okos otthon - Home Assistant, openHAB és más nyílt rendszerek
- Peugeot, Citroën topik
- BestBuy topik
- Vivo X300 Pro – messzebbre lát, mint ameddig bírja
- A fociról könnyedén, egy baráti társaságban
- Luck Dragon: Asszociációs játék. :)
- Genshin Impact (PC, PS4, Android, iOS)
- További aktív témák...
- Huawei Nova 9 SE 128GB, Kártytafüggetlen, 1 Év Garanciával
- Lenovo Thunderbolt 3 kábel (4X90U90617)
- szuper akció!! 200db+ REFURBISHED - DELL Docking Station WD19, WD19S (akár 3x4K felbontás)
- ÁRGARANCIA!Épített KomPhone i5 10400F 16/32/64GB RAM RX 7600 8GB GAMER PC termékbeszámítással
- HIBÁTLAN iPhone 14 Plus 256GB Red-1 ÉV GARANCIA - Kártyafüggetlen, MS4561, 100% AKKSI
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest

