Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inny]efekt textu (appear) w scriptaculous
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
pollock
Witam,

Mam prosty ale powazny problem z zastosowaniem efektu appear w stosunku do tekstu.
Uzywam frameworka scriptaculous.
Czy jest mozliwe wogole zastosowanie tego efektu odnosnie tekstu czy tylko do obrazkow?
Jezeli ktos ma jakis pomysl lub przyklad kodu to bardzo prosze o pomoc.

Dzieki

Pollock
strife
Przenoszę do Po stronie przeglądarki > JavaScript.

PS. Może masz przykładowy kod, który Ci nie działa? Albo przykład co chcesz dokładnie uzyskać, będzie nam łatwiej pomóc.
pollock
Dzieki za pomoc.

Generalnie chce zastosowac ta sama funkcje appear do tekstu ktora zostala zastosowana do ograzkow.
Chce po prostu umiescic np. adres ktory bedzie tekstem i ktory pojawi sie stopniowo po zaladowaniu strony.

Podaje kod-przepraszam za ewentualne ''smieci'' w srodku.

Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
     <title>Spinka</title>
    
<script type="text/javascript" src="javascript/scriptaculous.js"></script>
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>

<script type="text/javascript">
function ShowEffect(apDiv13){
        new Effect.Appear(apDiv13,
        {duration:1, from:0, to:1.0});
    }


window.onload = begin;
  
function begin()
{
new Effect.Appear(document.getElementById('frame1'), { duration: 1.0 });
new Effect.Appear(document.getElementById('frame2'), { duration: 5.0 });
new Effect.Appear(document.getElementById('frame3'), { duration: 1.0 });
new Effect.Appear(document.getElementById('frame5'), { duration: 3.0 });
new Effect.Appear(document.getElementById('frame7'), { duration: 7.0 });
new Effect.Appear(document.getElementById('frame8 copy'), { duration: 8.0 });
new Effect.Appear(document.getElementById('frameadres'), { duration: 7.0 });
new Effect.Appear(document.getElementById('apDiv13'), { duration: 7.0 });


}
</script>

    
    
     <link rel="stylesheet" type="text/css" href="css/style.css" />
    
     <!--[if lt IE 7]>
         <script type="text/javascript" src="js/mootools.js"></script>
         <script type="text/javascript" src="js/core.js"></script>
     <![endif]-->
     <style type="text/css">
<!--
#apDiv1 {
     position:absolute;
     left:216px;
     top:120px;
     width:232px;
     height:208px;
     z-index:1;
}
#apDiv2 {
     position:absolute;
     left:1102px;
     top:303px;
     width:241px;
     height:248px;
     z-index:1;
}
#apDiv3 {
     position:absolute;
     left:78px;
     top:521px;
     width:347px;
     height:207px;
     z-index:2;
}
#apDiv4 {
     position:absolute;
     left:43px;
     top:42px;
     width:400px;
     height:499px;
     z-index:3;
}
#apDiv5 {
     position:absolute;
     left:395px;
     top:278px;
     width:181px;
     height:74px;
     z-index:4;
}
#apDiv6 {
     position:absolute;
     left:511px;
     top:59px;
     width:182px;
     height:129px;
     z-index:5;
}
#apDiv7 {
     position:absolute;
     left:889px;
     top:45px;
     width:583px;
     height:76px;
     z-index:6;
}
#apDiv8 {
     position:absolute;
     left:851px;
     top:51px;
     width:479px;
     height:92px;
     z-index:6;
}
.style1 {color: #FFFFFF}
#apDiv9 {
     position:absolute;
     left:1494px;
     top:55px;
     width:385px;
     height:341px;
     z-index:7;
}
#apDiv10 {
     position:absolute;
     left:700px;
     top:337px;
     width:218px;
     height:260px;
     z-index:6;
}
#apDiv11 {
     position:absolute;
     left:854px;
     top:45px;
     width:488px;
     height:112px;
     z-index:7;
}
#apDiv12 {
     position:absolute;
     left:629px;
     top:9px;
     width:89px;
     height:30px;
     z-index:8;
}
#apDiv13 {
     position:absolute;
     left:553px;
     top:16px;
     width:174px;
     height:23px;
     z-index:8;
}
#apDiv14 {
     position:absolute;
     left:453px;
     top:21px;
     width:117px;
     height:12px;
     z-index:8;
}
#apDiv15 {
     position:absolute;
     left:473px;
     top:15px;
     width:118px;
     height:33px;
     z-index:8;
}
#apDiv16 {
     position:absolute;
     left:93px;
     top:23px;
     width:429px;
     height:79px;
     z-index:8;
}
#apDiv17 {
     position:absolute;
     left:993px;
     top:0px;
     width:296px;
     height:31px;
     z-index:8;
}
#apDiv18 {
     position:absolute;
     left:437px;
     top:424px;
     width:178px;
     height:66px;
     z-index:8;
}
#apDiv19 {
     position:absolute;
     left:734px;
     top:14px;
     width:383px;
     height:54px;
     z-index:8;
}
#apDiv20 {
     position:absolute;
     left:688px;
     top:19px;
     width:141px;
     height:54px;
     z-index:8;
}
-->
     </style>
</head>

<body>




<div id="apDiv2"><img id="frame1" style="display:none;" src="images/frame1.gif"  width="233" height="283" /></div>

<div id="apDiv3"><img id="frame2" style="display:none;" src="images/frame2.gif"  width="600" height="425" /></div>

<div id="apDiv4"><img id="frame3" style="display:none;" src="images/frame3.gif"  width="334" height="416" /></div>

<div id="apDiv5"><img id="frame5" style="display:none;" src="images/frame5.gif"  width="300" height="257" /></div>
<div id="apDiv6"><img id="frame7" style="display:none;" src="images/frame7.gif"  width="237" height="194" /></div>

<div id="apDiv10"><img id="frame8 copy" style="display:none;" src="images/frame8 copy.gif"  width="400" height="499" /></div>

<div id="apDiv11"><img id="frameadres" style="display:none;" src="images/frameadres.gif"  width="568" height="264" /></div>



<div id="bg">
   <div>
       <table cellspacing="0" cellpadding="0">
           <tr>
               <td><img src="file:///D|/SPINKA/spinka_web/images/background.jpg" alt=""/></td>
         </tr>
       </table>
   </div>
</div>
    
     <?php include("../footer.php"); ?>

</body>

</html>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.