DEMÓ
KÓDJA
A head részbe:
<head>
<style type="text/css">
#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}
</style>
<script type="text/javascript"> var
displaymode="always"
var enablefade="yes"
var autohidebox=["yes", 15] var
showonscroll="yes" var IEfadelength=1 var Mozfadedegree=0.05 if
(parseInt(displaymode)!=NaN)
var
random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
var ie=document.all &&
!window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")?
document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox")
: document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop :
window.pageYOffset
var docwidth=(ie)? iebody.clientWidth :
window.innerWidth
docheight=(ie)? iebody.clientHeight:
window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()",
50)
if (enablefade=="yes" &&
objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()",
90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}
function mozfadefx(){
if
(parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}
function staticfadebox(){
var ie=document.all &&
!window.opera
var scroll_top=(ie)? iebody.scrollTop :
window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}
function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}
function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" &&
objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 :
autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}
function initfunction(){
setTimeout("displayfadeinbox()", 100)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";",
offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" &&
get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN
&& random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction,
false)
else if (window.attachEvent)
window.attachEvent("onload",
initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
</script></head>
A body részbe:
<body> <!-- a doboz tartalma innen
kezdődik -->
<DIV id="fadeinbox"
style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1)
progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ;
-moz-opacity:0"><table cellpadding="0" cellspacing="0" width="355"
height="300">
<tr> <td width="355"
height="300" style="padding-right:20px; padding-left:20px;"><DIV
id="fadeinbox"
style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1)
progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ;
-moz-opacity:0"></DIV>
<P
align=right><a href="#" onClick="hidefadebox();return
false">Bezár</a></P>
<p align="center">Oldalalad bemutató szöveget.<br />Vagy reklámot
ide!<br /><a href="http://www.oldal cimét"target=_blank> oldal
nevét</a><br />
</p>
<p align="center"><A href="http://a képre tehető linket ide
(URL-címet)"target=_blank><img src="http://www.A KÉP URL-címé ide!" width="100"
height="100" border="0"></A><br
/></p>
</td> </tr> </table>
</div></body>
MEGJEGYZÉS
A BODY részben szerkesztheted a megjelenő doboz tartalmát /a
HTML szabályait betartva. Egy kis kisérletezés, és menni fog. |