Скоро Хэллоуин и я поздравил пользователей сайта разместив java скрипт летающий объект в качестве картинки выбрал ведьму на метле тут можно посмотреть
www.berserk56.com очень интересно получилось хотя сам не люблю подобных вещей на сайте но на хэллоин можно.
Так вот мне в голову пришла идея что бы эта ведьмочка при наведении курсора или нажатии мышкой на неё выдавала сообщение типа с праздником а в дальнейшем самую важную новость! Я щас пытаюсь совместить два ява скрипта это летающий объект и сообщение но пока всё безрезультатно, может есть другие способы?
Вот крипт моей ведьмы
PHP код:
<STYLE>#normal {
Z-INDEX: 10000; LEFT: 10px; VISIBILITY: visible; POSITION: absolute; TOP: 10px
}
#moving {
Z-INDEX: 10030; LEFT: 260px; VISIBILITY: visible; WIDTH: 50px; POSITION: absolute; TOP: 180px
}
</STYLE>
<script language=JavaScript1.2>
<!--
var layerRef="null",layerStyleRef="null",styleSwitch="null";
// globale variablen fuers animieren
var dx = 1;
var dy = 1;
var maxgeschw = 99;
if (window.innerWidth) {
var x = (window.innerWidth / 2) - 23;
var y = (window.innerHeight / 2) - 15;
var maxx = window.innerWidth - 46;
var maxy= window.innerHeight - 30;
}
else {
var x = (640 / 2) - 23;
var y = (400 / 2) - 15;
var maxx = 640 - 46;
var maxy= 400 - 30;
}
function init()
{
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
} else {
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
function moveLayerTo(layerName,left,top){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top=top');
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left=left');
}
function animieren(){
moveLayerTo('moving',x,y);
if (Math.random() < .2) {
if (Math.random() < .5) {
if (Math.random() < .5) {
dx= Math.max(-maxgeschw,dx - 1);
} else {
dx= Math.min( maxgeschw,dx + 1);
}
} else {
if (Math.random() < .5) {
dy= Math.max(-maxgeschw,dy-1);
} else {
dy= Math.min( maxgeschw,dy+1);
}
}
}
x += dx;
y += dy;
x = Math.max(Math.min(maxx,x),0);
y = Math.max(Math.min(maxy,y),0);
if (x==0) {dx = 1}
if (y==0) {dy = 1}
if (x==maxx) {dx=-1}
if (y==maxy) {dy=-1}
setTimeout('animieren()',70);
}
// -->
</SCRIPT>
<script language=JavaScript1.2>
<!--
if (navigator.userAgent.indexOf("MSIE 4.0; Mac") == -1 ) {
init();
document.writeln('<div id="moving">');
document.writeln('<a href=""><img src="helloyin.gif"width=175 height=175 border=0 alt="Поздравляю С Хэллоуином!"></a>');
document.writeln('</div>');
animieren();
}
// -->
</SCRIPT>
Хотел бы конечно что бы она выдавала сообщение в таком меню как в этом коде, но при добавлении его на страницу ведьмочка перестаёт летать хаотично а начинает бегать за мышкой.
PHP код:
<STYLE>#normal {
Z-INDEX: 10000; LEFT: 10px; VISIBILITY: visible; POSITION: absolute; TOP: 10px
}
#moving {
Z-INDEX: 10030; LEFT: 260px; VISIBILITY: visible; WIDTH: 50px; POSITION: absolute; TOP: 180px
}
</STYLE>
<script language=JavaScript1.2>
<!--
var layerRef="null",layerStyleRef="null",styleSwitch="null";
// globale variablen fuers animieren
var dx = 1;
var dy = 1;
var maxgeschw = 99;
if (window.innerWidth) {
var x = (window.innerWidth / 2) - 23;
var y = (window.innerHeight / 2) - 15;
var maxx = window.innerWidth - 46;
var maxy= window.innerHeight - 30;
}
else {
var x = (640 / 2) - 23;
var y = (400 / 2) - 15;
var maxx = 640 - 46;
var maxy= 400 - 30;
}
function init(){
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
} else {
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
function moveLayerTo(layerName,left,top){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top=top');
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left=left');
}
function animieren(){
moveLayerTo('moving',x,y);
if (Math.random() < .2) {
if (Math.random() < .5) {
if (Math.random() < .5) {
dx= Math.max(-maxgeschw,dx - 1);
} else {
dx= Math.min( maxgeschw,dx + 1);
}
} else {
if (Math.random() < .5) {
dy= Math.max(-maxgeschw,dy-1);
} else {
dy= Math.min( maxgeschw,dy+1);
}
}
}
x += dx;
y += dy;
x = Math.max(Math.min(maxx,x),0);
y = Math.max(Math.min(maxy,y),0);
if (x==0) {dx = 1}
if (y==0) {dy = 1}
if (x==maxx) {dx=-1}
if (y==maxy) {dy=-1}
setTimeout('animieren()',70);
}
// -->
</SCRIPT>
<script language=JavaScript1.2>
<!--
if (navigator.userAgent.indexOf("MSIE 4.0; Mac") == -1 ) {
init();
document.writeln('<div id="moving">');
document.writeln('<a href=""><img src="helloyin.gif"width=175 height=175 border=0 alt="Поздравляю С Хэллоуином!"></a>');
document.writeln('</div>');
animieren();
}
// -->
</SCRIPT>