Guten Abend,
ich habe noch eine Frage.
Ich gestalte meine HP mit NetFusion.
Ich hätte gerne einen „Vorhang“ der nicht zu den Seiten weg aufgeht sondern von der Mitte her, wie ein Kreis oder eine Quadrat.
Hat jemand einen Tipp wo ich dieses Tool bekomme???
LG
Chrissi
Hi Chrissi,
wie wäre es damit:
**_:… Curtain …:
<!–
var pause=50
var widthstep=10
var curtaincolor1=„000068“
var curtaincolor2=„585c98“
var curtaincolor3=„585c98“
var curtaincolor4=„000068“
var screenheight
var screenwidth
var heightstep
var maxmove=0
var timer
var url
var curtaincontent1=""
var curtaincontent2=""
var curtaincontent3=""
var curtaincontent4=""
function init() {
if (document.all) {
screenwidth=document.body.clientWidth
screenheight=document.body.clientHeight
curtaincontent1="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor1+"’> </td></tr></table>"
curtaincontent2="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor2+"’> </td></tr></table>"
curtaincontent3="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor3+"’> </td></tr></table>"
curtaincontent4="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor4+"’> </td></tr></table>"
curtain1.innerHTML=curtaincontent1
curtain2.innerHTML=curtaincontent2
curtain3.innerHTML=curtaincontent3
curtain4.innerHTML=curtaincontent4
heightstep=Math.round(widthstep/screenwidth*screenheight)
}
if (document.layers) {
screenwidth=window.innerWidth
screenheight=window.innerHeight
curtaincontent1="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor1+"’> </td></tr></table>"
curtaincontent2="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor2+"’> </td></tr></table>"
curtaincontent3="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor3+"’> </td></tr></table>"
curtaincontent4="<table cellpadding=0 cellspacing=0 width=’"+screenwidth+"’ height=’"+screenheight+"’><tr><td bgcolor=’"+curtaincolor4+"’> </td></tr></table>"
document.curtain1.document.write(curtaincontent1)
document.curtain1.document.close()
document.curtain2.document.write(curtaincontent2)
document.curtain2.document.close()
document.curtain3.document.write(curtaincontent3)
document.curtain3.document.close()
document.curtain4.document.write(curtaincontent4)
document.curtain4.document.close()
heightstep=Math.round(widthstep/screenwidth*screenheight)
}
}
function openpage(thisurl) {
url=thisurl
if (document.all) {
document.all.curtain1.style.posTop=-screenheight
document.all.curtain1.style.posLeft=0
document.all.curtain2.style.posTop=0
document.all.curtain2.style.posLeft=screenwidth
document.all.curtain3.style.posTop=screenheight
document.all.curtain3.style.posLeft=0
document.all.curtain4.style.posTop=0
document.all.curtain4.style.posLeft=-screenwidth
document.all.curtain1.style.visibility=„VISIBLE“
document.all.curtain2.style.visibility=„VISIBLE“
document.all.curtain3.style.visibility=„VISIBLE“
document.all.curtain4.style.visibility=„VISIBLE“
movecurtains()
}
if (document.layers) {
document.curtain1.top=-screenheight
document.curtain1.left=0
document.curtain2.top=0
document.curtain2.left=screenwidth
document.curtain3.top=screenheight
document.curtain3.left=0
document.curtain4.top=0
document.curtain4.left=-screenwidth
document.curtain1.visibility=„VISIBLE“
document.curtain2.visibility=„VISIBLE“
document.curtain3.visibility=„VISIBLE“
document.curtain4.visibility=„VISIBLE“
movecurtains()
}
}
function movecurtains() {
if (maxmove<=screenwidth/2) {
if (document.all) {
document.all.curtain1.style.posTop+=heightstep
document.all.curtain2.style.posLeft-=widthstep
document.all.curtain3.style.posTop-=heightstep
document.all.curtain4.style.posLeft+=widthstep
}
if (document.layers) {
document.curtain1.top+=heightstep
document.curtain2.left-=widthstep
document.curtain3.top-=heightstep
document.curtain4.left+=widthstep
}
maxmove+=widthstep
var timer=setTimeout(„movecurtains()“,pause)
}
else {
clearTimeout()
document.location.href=url
}
}
// -->
.curtain {
position:absolute;
visibility:hidden;
}_**
MfG
Steppenwolf
Hallo Steppwolf,
ja das meinte ich.
Wie krieg ich jetzt aber die nächste Seite die angezeigt werden soll rein???
Gruß
Chrissi
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Hi Chrissi,
im Script gibt es diesen Zeile:
deineseite.htm ersetzt Du mit der Seite die nach dem Vorhang kommen soll, ok.
MfG
Steppenwolf