« »

Si cette JavaScript est mis en Å“uvre dans vos pages Web, puis dÃ©placez la souris Ã chaque fois les visiteurs sur l'ensemble des pages Web, il affichera une division majeure de montrer votre info.

ï¿½tiquette: Popup sur mouseOut

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hï¿½bergement Web pour la premiï¿½re annï¿½e MOMENT

Si vous ï¿½tes toujours ï¿½ la recherche d'un fournisseur d'hï¿½bergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crï¿½dits supplï¿½mentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'ï¿½tes pas aussi! Plus important encore, lorsque vous enregistrez l'hï¿½bergement web ï¿½ iPage grï¿½ce ï¿½ notre lien, nous allons ï¿½tre heureux de renvoyer un plein remboursement. C'est gï¿½nial! Vous devriez essayer iPage hï¿½bergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT premiï¿½re annï¿½e MOMENT

Code
JavaScript
HTML
Imprimer

Copy All x2

<script language="javascript">
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/

//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated June 27th, 07'. Added ability for a DIV to be initially expanded.

var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "") //get current page path and name, used to uniquely identify this page for persistence feature

function animatedcollapse(divId, animatetime, persistexpand, initstate){
	this.divId=divId
	this.divObj=document.getElementById(divId)
	this.divObj.style.overflow="hidden"
	this.timelength=animatetime
	this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
	this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value
	this.contentheight=parseInt(this.divObj.style.height)
	var thisobj=this
	if (isNaN(this.contentheight)){ //if no CSS "height" attribute explicitly defined, get DIV's height on window.load
		animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
		if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
			this.divObj.style.visibility="hidden" //hide content (versus collapse) until we can get its height
	}
	else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //just collapse content if CSS "height" attribute available
	if (persistexpand)
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}

animatedcollapse.prototype._getheight=function(persistexpand){
	this.contentheight=this.divObj.offsetHeight
	if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //collapse content
		this.divObj.style.visibility="visible"
	}
	else //else if persistence is enabled AND this content should be expanded, define its CSS height value so slideup() has something to work with
		this.divObj.style.height=this.contentheight+"px"
}


animatedcollapse.prototype._slideengine=function(direction){
	var elapsed=new Date().getTime()-this.startTime //get time animation has run
	var thisobj=this
	if (elapsed<this.timelength){ //if time run is less than specified length
		var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
	this.divObj.style.height=distancepercent * this.contentheight +"px"
	this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
	}
	else{ //if animation finished
		this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
		this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
		this.runtimer=null
	}
}


animatedcollapse.prototype.slidedown=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==0){ //if content is collapsed
			this.startTime=new Date().getTime() //Set animation start time
			this._slideengine("down")
		}
	}
}

animatedcollapse.prototype.slideup=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
			this.startTime=new Date().getTime()
			this._slideengine("up")
		}
	}
}

animatedcollapse.prototype.slideit=function(){
	if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
		alert("Please wait until document has fully loaded then click again")
	else if (parseInt(this.divObj.style.height)==0)
		this.slidedown()
	else if (parseInt(this.divObj.style.height)==this.contentheight)
		this.slideup()
}

// -------------------------------------------------------------------
// A few utility functions below:
// -------------------------------------------------------------------

animatedcollapse.curveincrement=function(percent){
	return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
}


animatedcollapse.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
}

animatedcollapse.getCookie=function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

animatedcollapse.setCookie=function(name, value, days){
	if (typeof days!="undefined"){ //if set persistent cookie
		var expireDate = new Date()
		var expstring=expireDate.setDate(expireDate.getDate()+days)
		document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()
	}
	else //else if this is a session only cookie
		document.cookie = name+"="+value
}

</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<p><b>Example 1:</b></p>

<a href="javascript:collapse1.slidedown()">Slide Down</a> || <a href="javascript:collapse1.slideup()">Slide Up</a>

<div id="dog" style="width: 300px; height: 110px; background-color: #99E0FB;">

<!--Your DIV content as follows -->
<h3>Content inside DIV!</h3>
<h4>Note: CSS height attribute defined</h4>

</div>

<script type="text/javascript">

//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse1=new animatedcollapse("dog", 1000, false)

</script>



<p><b>Example 2:</b></p>

<a href="javascript:collapse2.slideit()">Show/ Hide DIV</a>
<div id="cat" style="width: 300px; background-color: #99E0FB;">

<!--Your DIV content as follows. Note to add CSS padding or margins, do it inside a DIV within the Collapsible DIV -->
<div style="padding: 0 5px">
<h3>Content inside DIV!</h3>
<h3>Content inside DIV!</h3>
<h4>Note: No CSS height attribute defined. Persistence enabled.</h4>
</div>

</div>

<script type="text/javascript">

//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse2=new animatedcollapse("cat", 800, true)

</script>




<p><b>Example 3:</b></p>

<a href="javascript:collapse3.slidedown()">Slide Down</a> || <a href="javascript:collapse3.slideup()">Slide Up</a>
<div id="fish" style="width: 300px; height: 150px; background-color: #99E0FB;">

<!--Your DIV content as follows -->

<h3>Content inside DIV!</h3>
<h4>Note: DIV set not to collapse initially. Note that if "enablepersist" is enabled, cookie value overrides this setting.</h4>

</div>

<script type="text/javascript">

//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse3=new animatedcollapse("fish", 1000, false, "block")

</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Commentaire (4)
ï¿½crire

par jacky, 31/12/2008 08:12 AM
jáº£vacipt Rï¿½ponse

sÃ i Ä‘Æ°á»£c cháº¿t liá»n, code javascript gÃ¬ mÃ rá»‘i tung rá»‘i bá»i >

amp;

par Cao Phong, 07/01/2009 01:01 PM
Rï¿½ponse

code dÃ¹ng á»•n, chá»‰ cÃ³ Ä‘iá»u khi ngÆ°á»i dÃ¹ng rÃª chuá»™t ra khá»i theo chiá»u hÆ°á»›ng lÃªn

par Win, 16/03/2010 11:03 AM
cáº§n Ä‘Æ°á»£c tráº£ lá»i liá»n Rï¿½ponse

lÃ m cÃ¡ch nÃ o Ä‘á»ƒ khi rÃª con chuá»™t vÃ o popup ,popup hiá»‡n ra vÃ popup Ä‘Ã³ Ä‘i theo con chuá»™t

par Cao Phong, 16/03/2010 12:03 PM
@Win Rï¿½ponse

Ä‘á»ƒ Ä‘Æ°á»£c tráº£ lá»i liá»n, báº¡n pháº£i nÃ³i rÃµ Ä‘iá»u báº¡n cáº§n & dá»… hiá»ƒu vá»›i ngÆ°á»i Ä‘á»c, nhÆ°ng trÆ°á»ng há»£p nÃ y thÃ¬ khÃ´ng. CÃ¢u há»i cá»§a báº¡n cá»±c kÃ¬ tá»‘i nghÄ©a, hoáº·c báº¡n Ä‘Ã£ viáº¿t nháº§m

Ã báº¡n lÃ muá»‘n hiá»‡n popup khi rÃª chuá»™t vÃ o 1 cÃ¡i gÃ¬ Ä‘Ã³? vÃ popup nÃ y di chuyá»ƒn theo con trá» chuá»™t? Vui lÃ²ng xem thÃªm táº¡i Há»i cÃ¡ch táº¡o tooltip lÃ 1 hÃ¬nh áº£nh trÃªn 1 tag, http://www.javascriptbank.com/vi=tá»a Ä‘á»™ chuá»™t

par Avant-premiï¿½re

Annuler rï¿½ponse

ï¿½crivez votre commentaire

Commentaires du client sera publiï¿½ avant previwed
Donnez votre email rï¿½el pour obtenir des rï¿½ponses notification ou commentaire sera supprimï¿½

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure ï¿½ 100% je suis humain rï¿½el
Je le rï¿½pï¿½te, je ne suis pas bot

Sent (1)
Nouveau

BBCode
HTML
URL
JID

AIVideo-App.com
GÃ©nÃ©rez vos vidÃ©os d'entreprise par l'IA avec la voix ou simplement du texte

chatGPTaz.com
Parlez Ã ChatGPT dans votre langue maternelle

AppAIVidÃ©o
Votre premiÃ¨re application vidÃ©o AI GRATUITE

Deepfake Video
Deepfake AI Video Maker

Deepfake
Deepfake AI Video Maker

AI Deep Fake
Deepfake AI Video Maker

AIvidio
AI Video Mobile Solutions

AIvideos
AI Video Platform & Solutions

AIvedio
AI Video App Maker

Faceswap AI en ligne
Ã‰changez des visages, des vidÃ©os, des photos et des GIF instantanÃ©ment avec de puissants outils d'IA - Faceswap AI Online GRATUIT

Faceswap AI en ligne
Ã‰changez des visages, des vidÃ©os, des photos et des GIF instantanÃ©ment avec de puissants outils d'IA - Faceswap AI Online GRATUIT

Temu gratuit 500 $ pour les nouveaux utilisateurs
Claim Free Temu $500 Credit via Affiliate & Influencer Program

CrÃ©dits publicitaires TikTok gratuits
MaÃ®trisez les publicitÃ©s TikTok pour le marketing de votre entreprise

Dall-E-OpenAI.com
GÃ©nÃ©rez automatiquement des images crÃ©atives avec l'IA

chatGPT4.win
Parlez Ã ChatGPT dans votre langue maternelle

Premier produit d'intelligence artificielle d'Elon Musk - Grok/UN.com
Parlez au chatbot Grok AI dans votre langue

Outily.win
Centre d'outils ouvert et gratuit, utilisable par tous et pour tous, avec des centaines d'outils

GateIO.gomymobi.com
Airdrops gratuits Ã rÃ©clamer et Ã partager jusqu'Ã 150 000 $ par projet

iPhoneKer.com
Ã‰conomisez jusqu'Ã 630 $ Ã l'achat d'un nouvel iPhone 16

Acheter le robot Tesla Optimus
Commandez votre robot Tesla Bot : Optimus Gen 2 dÃ¨s aujourd'hui pour moins de 20 000 $

Cool Domains for Sale!

CTRCoin.com javascriptON.com war.money GrokUN.com CreditCard.rip ZWVQ.com eChainBank.com JavaScriptBank.com MetaTru.com gomy.mobi hearf.com lend.services ChainTutor.com XMQV.com chatGPT4.win ABP3.com chatGPT2.fun ApexBTC.com CryptoKD.com ChatTotal.com gomy.mobi gomymobi.com Card.rip index.services pornID.net AIvideo-app.com gomymobi.com chatGPTaz.com Dall-E-OpenAI.com AI-Trading-Bot.com system.money

Dï¿½poser jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

25/11/2007
Hummad Hassan [more]
8,471
4
8
1
3.36 KBytes

JavaScript Popup sur mouseOut - Langue: Franï¿½aise

4.4/5 8 votes / 8,471 previews / 4 commentaire 25/11/2007 Si cette JavaScript est mis en Å“uvre dans vos pages Web, puis dÃ©placez la souris Ã chaque ...JavaScript Popup sur mouseOut - Popup sur mouseOut - Langue: Franï¿½aise

lehoangchieu[3] stone1812 VioDes7 thaihoa Cao Phong[3] linh1612[2] jimmy.mickey ldkhai_sgu robinvh emgermany1[2]