Re: Problem z js - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Problem z js › Re: Problem z js

Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!not
-for-mail
From: Peter May <p...@o...pl>
Newsgroups: pl.comp.www
Subject: Re: Problem z js
Date: Sun, 18 Apr 2010 11:00:35 +0200
Organization: http://onet.pl
Lines: 52
Message-ID: <hqehnj$59d$2@news.onet.pl>
References: <1...@j...googlegroups.com>
NNTP-Posting-Host: 178.182.32.50.nat.umts.dynamic.eranet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1271581236 5421 178.182.32.50 (18 Apr 2010 09:00:36 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Sun, 18 Apr 2010 09:00:36 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.1.9) Gecko/20100317
Lightning/1.0b1 Thunderbird/3.0.4
In-Reply-To: <1...@j...googlegroups.com>
Xref: news-archive.icm.edu.pl pl.comp.www:395584
[ ukryj nagłówki ]
W dniu 2010-04-18 09:09, bn pisze:
> Czesc
>
> Mam kawalek html w ktorym tekst ma "wylaniac sie". I robi to ale nie
> do konca, tzn. wylania sie naglowek h3 i li, ale linki juz nie. Jak to
> poprawic aby fading obejmowal caly tekst? Przegladarka: firefox 3.6.
>
> <?xml version="1.0" encoding="iso-8859-2"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
> <head>
> <title>bookmarks</title>
> <script type="text/javascript">
> hex=255
> function fadetext()
> {
> if(hex>0)
> {
> hex-=11;
>
> document.getElementById("sample").style.color="rgb("
+hex+","+hex
> +","+hex+")";
> setTimeout("fadetext()",50);
> }
> else
> hex=255
> }
> </script>
> <meta http-equiv="Content-Type" content="text/xml;
> charset=iso-8859-2" />
> </head>
> <body onload="fadetext()">
> <div id="sample">
> <h3>google</h3>
> <ul>
> <li><a href="http://google.com">google.com</a></li>
> <li><a href="http://goosh.org">goosh.org</a></li>
> <li><a href="http://google.pl/advanced_search?hl=pl">google
.pl/
> advanced</a></li>
> </ul>
> </div>
> </body>
> </html>

Użyj właściwości opacity, zamiast zmiany koloru. Chodzi Ci o taki efekt?

http://www.switchonthecode.com/tutorials/javascript-
tutorial-simple-fade-animation
http://www.ilikespam.com/blog/javascript-fade-effect
s

--
Peter