DynamicBannerViewer: эффект "шлейф"
Демонстрирует эффект "шлейф" на переднем и заднем плане. Использует "прозрачные" изображения.
Для работы в качестве графической ссылки задается описание апплета.
...
<APPLET NAME="bannerviewer3" CODEBASE="applets" ARCHIVE="imager.zip" CODE="DynamicBannerViewer.class"
WIDTH=150 HEIGHT=80>
<PARAM NAME="picture" VALUE="trainback.gif">
<PARAM NAME="scale" VALUE="1.0">
<PARAM NAME="bgcolor" VALUE="FFFFAA">
<PARAM NAME="filenmlist" VALUE="trainback.gif monitor.gif">
<PARAM NAME="link" VALUE="http://www.orel.ru/imager.foreground.php">
</APPLET>
...
В начало страницы
<SCRIPT LANGUAGE="JavaScript">
<!--
/* счетчик выводов в цикле "шлейфа" */
i = 0;
/* начальные координаты и массштаб для вывода изображения переднего плана */
fx = 67;
fy = 15;
scl = 0.4;
/* устанавливает передний или задний план для демонстрации */
isFore = true;
/* установка интервала демонстрации */
delay = window.setInterval("trainCycle()", 10000);
function trainCycle(){
document.applets.bannerviewer3.backPaint(0, 1, false);
if (!document.applets.bannerviewer3.isLoading)
cycle = window.setInterval("foreTrain()", 250);
}
function foreTrain(){
if (i<11){
/* эффект на переднем плане */
if (isFore==true){
document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
document.applets.bannerviewer3.setBack(true);
}
/* эффект на заднем плане */
else{
document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
document.applets.bannerviewer3.setBack(false);
document.applets.bannerviewer3.forePaint(0, 0, 0 ,1, true);
}
/* рассчет параметров следующего кадра */
scl=scl*1.1; fx+=3; fy+=2; i++;
}
else{
/* выход из цикла, вывод последнего кадра и подготовка следующего цикла */
window.clearInterval(cycle);
if (isFore==true){
document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
document.applets.bannerviewer3.backPaint(0,1,true)
else{
document.applets.bannerviewer3.backPaint(0,1,false);
document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
document.applets.bannerviewer3.setBack(false);
document.applets.bannerviewer3.forePaint(0, 0, 0, 1, true);
}
scl=0.4; fx=67; fy=15; i=0; isFore = !isFore;
}
}
// -->
</SCRIPT>
В начало страницы
|