-
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
- Lenovo Yoga 7 2in1 OLED FHD+ Ultra 5 125H 16 GB DDR5 7467 MHz Magyar helyszíni garancia 2028.06.
- Apple iPhone 16 Pro Max 256GB,Újszerű,Dobozaval,12 boával garanciával
- Apple iPhone 11 64GB,Átlagos,Adatkabel,12 hónap garanciával
- Xiaomi Redmi Note 13 Pro 256GB,Újszerű,Dobozaval,12 hónap garanciával
- Xiaomi Poco X7 Pro 256GB,Újszerű,Dobozaval,12 hónap garanciával
- HIBÁTLAN iPhone 13 Pro Max 256GB Sierra Blue -1 ÉV GARANCIA - Kártyafüggetlen, MS4302
- AKCIÓ! MacBook Pro 13 M1 8GB RAM 512GB SSD notebook garanciával hibátlan működéssel
- Motorola edge 70 Gadget Grey 512GB 6 hónap garancia
- 27% - Philips Evnia 27M2N3200S IPS Monitor! 1920x1080 / 180Hz / 0.5ms / FreeSync
- LG 83B4 - 83" OLED - 4K 120Hz 1ms - NVIDIA G-Sync - FreeSync Premium - HDMI 2.1 - PS5 és Xbox Ready
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest

