[JavaS ? CSS ?] Auffahrende Layer

web2null

web2null

ehem. assactions
ID: 131418
L
20 April 2006
1.775
165
hallo ich zerbrech mir grade den kopf wie ich so was hier machen kann ohne Flash, sie sollen aber nicht aufpoppen also direkt da sein sonder auffahren so slow ;) Hat einer ne idee?

layerab0.jpg



danke für eure hilfe :)
 
Danke genau das hab ich gesucht :) so nun hab ich eins

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>script.aculo.us Effects functional test file</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="../../lib/prototype.js" type="text/javascript"></script>
  <script src="../../src/scriptaculous.js" type="text/javascript"></script>
  <script src="../../src/unittest.js" type="text/javascript"></script>
  <style type="text/css" media="screen">
  /* <![CDATA[ */
    #d1 { background-color: #fcb; width: 100px; height: 100px; float:left; }
    #d2 { background-color: #cfb; font-size: 2em; width: 100px; height: 100px; float:left; }
    #d3 { background-color: #bcf; font-size: 2em; width: 100px; height: 100px; float:left; }
  /* ]]> */
  </style>
 
</head>
<body>
<h1>script.aculo.us Effects functional test file</h1>

<h2>Effect.Queue limit</h2>



<div style="background-color:#000;color:white;font-size:20px;height:30px;width:150px;">

<a href="#" onclick="Effect.SlideDown('slidingtwice',{queue:{scope:'myscope', position:'end', limit: 1}});">Link</a>
<a href="#" onclick="Effect.SlideUp('slidingtwice',{queue:{scope:'myscope', position:'end', limit: 1}});"> x </a>

</div>

<div id="slidingtwice">
<div style="background-color:#000;color:white;font-size:20px;height:300px;width:150px;">
    Do a bit sliding in parallel, with a scoped queue, but I am limited to one : ) so don't try over and over again...
</div></div>

</body>
</html>

problem is nur das is möchte das das am anfang geschlossen ist hast du ne ahung wo ich das einstellen kann da ich 0 ahnung von javascript habe
 
Gib einfach dem <div>, den Du geschlossen haben willst, von Anfang an das CSS-Attribut "display: none;".
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben