 [inny]efekt textu (appear) w scriptaculous |
  |
| [inny]efekt textu (appear) w scriptaculous |
 16.01.2010, 22:39:08
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 21.11.2008 Skąd: Londyn Ostrzeżenie: (0%) 
 |
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 |
 |
 
|
|
16.01.2010, 23:52:14
Post
#2
|
|
 Grupa: Przyjaciele php.pl Postów: 2 605 Pomógł: 96 Dołączył: 22.10.2004 Skąd: UK Ostrzeżenie: (0%)
|
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. -------------------- Najczęstsze błędy | Jak poprawnie zadać pytanie? | Serwer PHP - od czego zacząć?
SQL Injection | Hashowanie haseł | Jak działają sesje, przykłady ___ The world is yours ... |
|
|
|
|
17.01.2010, 14:14:30
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 21.11.2008 Skąd: Londyn Ostrzeżenie: (0%)
|
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> |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 12.06.2025 - 21:29 |
