allora, ti allego qui un po' di funzioni strane in JS che usavo in un mio vecchio sito.
Una molto simile agli occhietti è quella definita "Palline segui mouse".
queste funzioni ti conviene salvarle in un file a parte (diciamo "miofile.js"), poi devi:
1) richiamare il file .js tramite un codice di questo tipo:
<pre id=code><font face=courier size=2 id=code>(SCRIPT src="miofile.js" type="text/javascript")(/SCRIPT) </font id=code></pre id=code>
poi devi scrivere nel documento HTML il codice necessario a richiamare ed inizializzare le funzioni javascript.
Non è facilissimo, ma con un po' di impegno si può fare.
ti allego i due files commentati:
<b><font color=red>File JS:</font id=red></b>
<pre id=code><font face=courier size=2 id=code>
//FALSA FINESTRA DI ERRORE
function fullwin(){
window.open("error.htm","","fullscreen")
}
//TESTO FIAMMEGGIANTE
var from = 1;
var to = 22;
var delay = 5;
var glowColor = "#ff9933";
var i = to;
var j = 0;
function textPulseUp(){
if (!document.all)
return
if (i ( to){
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
if (i = to){
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}}
function textPulseDown(){
if (!document.all)
return
if (i ) from){
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
if (i = from){
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}}
//MENU ROTANTE
//EYEspin_dhtml (c) Petre Stefan
//email:
eyecon@eyecon.ro//website:
www.eyecon.ro//Modified by JavaScriptKit.com for relative positioning of menu
//please leave this copyright notice intact
eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:'#ff0000',colorover:'#ff0000',backgroundcolor:'#FFFF00',backgroundcolorover:'#FFFF00',bordercolor:'#000000',fontsize:12,fontfamily:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("(div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+")"+a7+"(/div)");this.a3++},muta:function(){a8=document.getElementById("controale");for(i=0;i(this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1)this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)(this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('(div id="controale" style="position:absolute")(button type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()")andlt;andlt;(/button) (button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()")andgt;andgt;(/button)(/div)');eye.muta()}};
function getposOffset(what, offsettype){var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;parentEl=parentEl.offsetParent;}return totaloffset;
}
//TESTO MULTICOLORE
var browser = "unknown";
var version = 0;
if (navigator.userAgent.indexOf("Opera") )= 0)
browser = "opera";
else if (navigator.userAgent.indexOf("obot") )= 0)
browser = "robot";
else if (navigator.appName.indexOf("etscape") )= 0)
browser = "netscape";
else if (navigator.appName.indexOf("icrosoft") )= 0)
browser = "msie";
version = parseFloat(navigator.appVersion);
if (isNaN(version)) version = 0;
if ((browser == "msie")andand(version == 2)) version = 3;
// lookup table
var tohex = new Array(256);
var hex = "0123456789ABCDEF";
var count = 0;
for (x=0; x(16; x++) {
for (y=0; y(16; y++) {
tohex[count] = hex.charAt(x) + hex.charAt(y);
count++;
}}
//ColorCode constructor
function ColorCode(hexcode) {
if (hexcode.length == 7) {
this.r = parseInt(hexcode.substring(1,3),16);
this.g = parseInt(hexcode.substring(3,5),16);
this.b = parseInt(hexcode.substring(5,7),16);
} else if (hexcode.length == 6) {
this.r = parseInt(hexcode.substring(0,2),16);
this.g = parseInt(hexcode.substring(2,4),16);
this.b = parseInt(hexcode.substring(4,6),16);
} else {
this.r = this.g = this.b = 0;
alert("Error: ColorCode constructor failed");
}
if (isNaN(this.r)||isNaN(this.g)||isNaN(this.b))
alert("Error: ColorCode constructor failed");}
// ColorList constructor
function ColorList(hexcodes) {
var i = 0;
var c = 0;
this.codes = new Array(Math.round(hexcodes.length/7));
while (i ( hexcodes.length) {
if (isNaN(parseInt(hexcodes.substring(i,i+6),16))) ++i;
else {
this.codes[c] = new ColorCode(hexcodes.substring(i,i+6));
i += 7;
++c;
}}
this.len = c;}
function interpolate (x1, y1, x3, y3, x2) {
if (x3 == x1) return y1
else return (x2-x1)*(y3-y1)/(x3-x1) + y1}
// x=index of letter, y=number of letters, z=number of colors
function lowcolorindex (x, y, z) {
if (y == 1) return 0
else return Math.floor( (x*(z-1))/(y-1) )}
function hicolorindex (x, y, z, low) {
if ( low*(y-1) == x*(z-1) ) return low
else if (y == 1) return 0
else return Math.floor( (x*(z-1))/(y-1) + 1 )}
function gradient (thetext,thecolors) {
if (((browser == "netscape")||(browser == "msie")||(browser == "opera"))andand(version)=3.0)) {
var colors = new ColorList(thecolors);
var numcolors = colors.len;
var numchars = thetext.length;
var rr = 0;
var gg = 0;
var bb = 0;
var lci = 0; //lower color index
var hci = 0; //high color index
for (i=0; i(numchars; ++i) {
lci = lowcolorindex(i, numchars, numcolors);
hci = hicolorindex(i, numchars, numcolors, lci);
rr = Math.round(interpolate( lci/(numcolors-1), colors.codes[lci].r, hci/(numcolors-1), colors.codes[hci].r, i/(numchars-1)));
gg = Math.round(interpolate( lci/(numcolors-1), colors.codes[lci].g, hci/(numcolors-1), colors.codes[hci].g, i/(numchars-1)));
bb = Math.round(interpolate( lci/(numcolors-1), colors.codes[lci].b, hci/(numcolors-1), colors.codes[hci].b, i/(numchars-1)));
if (browser == "opera") {
rr = 255 - rr;
gg = 255 - gg;
bb = 255 - bb;}
//document.getElementById("multicolor").innerHTML=thetext.charAt(i).fontcolor(tohex[rr]+tohex[gg]+tohex[bb]);
document.write(thetext.charAt(i).fontcolor(tohex[rr]+tohex[gg]+tohex[bb]));
}}
else document.write(thetext); // unrecognized browser, better not to attempt anything fancy
}
//FUNZIONE MENU AD ESPLOSIONE
/**********************************************************************************
DotMenu
* Copyright (C) 2001 (a href="/dhtmlcentral/dan_pupius.asp")Dan Pupius(/a)
* This script was released at DHTMLCentral.com
* Visit for more great scripts!
* This may be used and changed freely as long as this msg is intact!
* We will also appreciate any links you could give us.
*
* Made by (a href="/dhtmlcentral/dan_pupius.asp")Dan Pupius(/a)
*********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5"))-1
this.ie5=(this.ver.indexOf("MSIE 5"))-1 and& this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6"))-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac"))-1
this.ns6=(this.dom && parseInt(this.ver) )= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}var bw=new lib_bwcheck()
// DotMenu
// provides cross-browser functionality
function getObjectRef(name) { if(document.getElementById) return document.getElementById(name); else if(document.all) return document.all[name]; else return null;}
// general functions to assist the script
function show(name) { var el = getObjectRef(name); if(el) el.style.visibility = "visible";} function hide(name) { var el = getObjectRef(name); if(el) el.style.visibility = "hidden";}
function getWidth(name) { var el = getObjectRef(name); return el.offsetWidth;} function getHeight(name) { var el = getObjectRef(name); return el.offsetHeight;}
function moveMe(name,x,y) { var el = getObjectRef(name); if(el) { el.style.top = parseInt(y); el.style.left = parseInt(x); }}
function moveBy(name,x,y) { var el = getObjectRef(name); if(el) { el.style.top = parseInt(el.style.top) + parseInt(y); el.style.left = parseInt(el.style.left) + parseInt(x); }}
// Creates the menu objects
var menuCount = 0; function menuObject(name,x,y,caption, r, parent) { if ( (!document.getElementById&&!document.all) || navigator.userAgent.indexOf("Opera"))-1) return;
document.write('(div id="divDot' + menuCount + '" class="dotempty" style="top: ' + y + '; left: ' + x + '")(/div)'); document.write('(div id="divCap' + menuCount + '" class="caption" style="top: 0; left: 0")' + caption + '(/div)'); this.name = name; this.parent = parent ; this.ref = "divDot" + menuCount; this.caption = "divCap" + menuCount; if(r) this.radius = r; else this.radius = 400; this.subMenus = new Array(); this.state = 0; this.moving = false; if(this.parent) this.action = "null"; else this.action = "toggle"; if(this.parent) this.startAngle = parent.startAngle; else this.startAngle = 0; getObjectRef(this.ref).objRef = this.name; this.show = function() { show(this.ref); } ;this.hide = function() { hide(this.ref); }
this.moveMe = function(x,y) { if(this.parent) { x += this.parent.x(); y += this.parent.y(); } moveMe(this.ref,x,y); } ; this.moveBy = function(x,y) { moveBy(this.ref,x,y); } ; this.x = function() { return parseInt(getObjectRef(this.ref).style.left); } ;this.y = function() { return parseInt(getObjectRef(this.ref).style.top); } ;this.w = function() { return getWidth(this.ref); } ; this.h = function() { return getHeight(this.ref); } ; this.showCaption = function() { moveMe(this.caption, this.x() - (getWidth(this.caption)/2) + (this.w()/2), (this.y() + this.h())); show(this.caption); }
this.hideCaption = function() {hide(this.caption); } ;this.setCaption = function(c) { getObjectRef(this.caption).innerHTML = c;} ; this.addItem = function(c,action,r) {getObjectRef(this.ref).className = "dot"; if(!r) r = this.radius/2; var sub = new menuObject(this.name + ".subMenus[" + this.subMenus.length + "]",0,0,c,r,this);
sub.parent = this; sub.action = action;sub.moveMe(0,0); this.subMenus[this.subMenus.length] = sub; return sub; } ; this.expand = function() { if(this.subMenus.length ) 0) { var p = true; if(this.parent) { p = !this.parent.moving; for(var i=0; i(this.parent.subMenus.length;i++) p = p && ((this.parent.subMenus[i].state==0) || (this.parent.subMenus[i].state==this.parent.subMenus[i].subMenus.length)) && (this.parent.subMenus[i].moving==false);
} else var o = false; if((!this.parent || this.parent.state == this.parent.subMenus.length) && p) { if(this.parent) this.collapseAll(this.name); var diff = 360 / this.subMenus.length; for(var i=0;i(this.subMenus.length;i++){ this.subMenus[i].moveMe(0,0); this.subMenus[i].show(); this.moving = true; this.subMenus[i].slide(this.subMenus[i].radius * cos(degToRad((diff*i)+this.startAngle)), this.subMenus[i].radius * sin(degToRad((diff*i)+this.startAngle)), this.name + ".subMenus[" + i + "].showCaption();" + this.name + ".moving=false;" + this.name + ".state+=1;");}}}}
this.collapse = function() { var p = true; p = !this.moving; for(var i=0; i(this.subMenus.length;i++) p = p && (this.subMenus[i].state==0) && (this.subMenus[i].moving==false); if(p && this.subMenus.length ) 0) { for(var i=0;i(this.subMenus.length;i++){ this.subMenus[i].hideCaption(); this.moving = true;
this.subMenus[i].slide(0, 0, this.name + ".subMenus[" + i + "].hide();" + this.name + ".moving=false;" + this.name + ".state-=1;");} if(this.parent){ getObjectRef(this.parent.ref).style.filter = "alpha (opacity=66)"; getObjectRef(this.parent.ref).style.MozOpacity = "66:";
if(this.parent.subMenus.length != 0) getObjectRef(this.parent.ref).className = "dot";else getObjectRef(this.parent.ref).className = "dotempty"; getObjectRef(this.parent.caption).style.filter = "alpha (opacity=66)"; getObjectRef(this.parent.caption).style.MozOpacity = "66:";for(i=0;i(this.parent.subMenus.length;i++) { getObjectRef(this.parent.subMenus[i].ref).style.filter = "alpha (opacity=100)"; getObjectRef(this.parent.subMenus[i].ref).style.MozOpacity = "100:"; if(this.parent.subMenus[i].subMenus.length != 0)
getObjectRef(this.parent.subMenus[i].ref).className = "dot"; else getObjectRef(this.parent.subMenus[i].ref).className = "dotempty"; getObjectRef(this.parent.subMenus[i].caption).style.filter = "alpha (opacity=100)"; getObjectRef(this.parent.subMenus[i].caption).style.MozOpacity = "100:";} if(this.parent.parent) { for(i=0;i(this.parent.parent.subMenus.length;i++) {
getObjectRef(this.parent.parent.subMenus[i].ref).style.filter = "alpha (opacity=66)";getObjectRef(this.parent.parent.subMenus[i].ref).style.MozOpacity = "66:"; if(this.parent.parent.subMenus[i].subMenus.length != 0) getObjectRef(this.parent.parent.subMenus[i].ref).className = "dot"; else
getObjectRef(this.parent.parent.subMenus[i].ref).className = "dotempty";getObjectRef(this.parent.parent.subMenus[i].caption).style.filter = "alpha (opacity=66)"; getObjectRef(this.parent.parent.subMenus[i].caption).style.MozOpacity = "66:";}}} getObjectRef(this.ref).style.filter = "alpha (opacity=100)";
getObjectRef(this.caption).style.filter = "alpha (opacity=100)"; getObjectRef(this.ref).style.MozOpacity = "100:"; getObjectRef(this.caption).style.MozOpacity = "100:";}} ;this.collapseAll = function(except) { for(var i=0;i(this.parent.subMenus.length;i++) { if(this.parent.subMenus[i].name!=except && this.parent.subMenus[i].state==this.parent.subMenus[i].subMenus.length) {
this.parent.subMenus[i].collapse();}}} ; this.toggle = function(e) { if(document.all) id = window.event.srcElement; else id = e.target; var dot = eval(id.objRef); if(dot.state==0 && !dot.moving) dot.expand(); else if(dot.state==dot.subMenus.length && !dot.moving) dot.collapse()} ; this.doAction = function(e) { if(document.all) id = window.event.srcElement;
else id = e.target; var dot = eval(id.objRef); if(dot.action == "toggle") dot.toggle(e); else eval(dot.action);}
//change these if you want to change the events that trigger the actions
getObjectRef(this.ref).onmouseover = this.toggle; getObjectRef(this.ref).onmousemove = this.toggle; getObjectRef(this.ref).onmouseout = this.toggle;
this.slide = function(xx,yy,func) { if(!func) func = ""; var px = this.parent.x(); var py = this.parent.y(); var x = xx - this.x() + px; var y = yy - this.y() + py; var d = sqrt(square(xx-this.x() + px) + square(yy-this.y() + py));
var v = d/8; if(v(1) v = 1; if( (Math.abs(x) ( v) && (Math.abs(y) ( v) ) { moveMe(this.ref,xx + px,yy + py); if(func != "") eval(func);} else { var a = round(atan(x,y));
dx = round(v * cos(degToRad(a))); dy = round(v * sin(degToRad(a))); this.moveBy(dx,dy); setTimeout(this.name + ".slide(" + xx + "," + yy + ", '" + func + "');",10);}}
// Preoading the windows filters.
if (menuCount==0 && document.all) document.all[this.ref].style.filter = "alpha (opacity=100)"; menuCount++; return this;}
// Math functions
var pi = Math.PI; function square(x) { return (x*x); } function sqrt(x) { return Math.sqrt(x); } function round(x) { return Math.round(x); }
function rand(x,y) { return (round(Math.random()*(y-x)) + x); } function cos(x) { return Math.cos(x) } function sin(x) { return Math.sin(x) }
function degToRad(x) { return ( x/(360/(2*pi)) ); } function radToDeg(x) { return ( x*(360/(2*pi)) ); } function atan(s,t) {
if( s == 0.0 && t ) 0.0) angle = 90.0; else if(s == 0.0 && t ( 0.0) angle = 270.0; else if (s ( 0.0 ) angle = 180.0 + radToDeg(Math.atan(t/s));
else if (s ) 0.0 && t ( 0.0) angle = 360.0 + radToDeg(Math.atan(t/s)); else { if(s==0.0) s=0.00001; angle = radToDeg(Math.atan(t/s));}
if(angle ( 0.0) angle += 360.0; return angle;}
//PALLINE SEGUI MOUSE
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .02;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1.5;
var GRAVITY = 50;
var RESISTANCE = 9;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 25;
var BOUNCE = 0.75;
var followmouse = true;
var dots = new Array();
var isNetscape = navigator.appName=="Netscape";
function init() {
var i = 0;
for (i = 0; i ( nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {}
for (i = 0; i ( nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
// let dots sit there for a few seconds
// since they're hiding on the real bullets
setTimeout("startanimate()", 100);
}}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}}
function startanimate() {
setInterval("animate()", 20);
}
function setInitPositions(dots) {
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i ( startloc.length && i ( (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e) {
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len ) SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i ( nDots; i++ ) {
var spring = new vec(0, 0);
if (i ) 0) {
springForce(i-1, i, spring);
}
if (i ( (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) ( STOPVEL &&
Math.abs(dots[i].dy) ( STOPVEL &&
Math.abs(accel.X) ( STOPACC &&
Math.abs(accel.Y) ( STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (dots[i].Y )= height - DOTSIZE - 1) {
if (dots[i].dy ) 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X )= width - DOTSIZE) {
if (dots[i].dx ) 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X ( 0) {
if (dots[i].dx ( 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}} </font id=code></pre id=code>
<b><font color=red>File HTML:</font id=red></b>
[code](!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN")
(html)
(head)
(TITLE)Dead F.S. Mad Page(/TITLE)
(!-- FUNZIONI --)
(SCRIPT src="Mad.js" type="text/javascript")(/SCRIPT)
(/head)
(body background="IMMAGINI/bgrnd.jpg" ; onload="if(parent.frames[0]&&parent.frames['navig'].Go)parent.frames['navig'].Go();init();startLoading()")
(!-- === MOUSE ELASTICO === --)
(div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;")(img src="bullet.gif" height=11 width=11)(/div)
(div id="dot1" style="position: absolute; height: 11; width: 11;")(IMG SRC="IMMAGINI/Insetto4.jpg" HEIGHT="25" WIDTH="25" /)(/div)
(div id="dot2" style="position: absolute; height: 11; width: 11;")(IMG SRC="IMMAGINI/Insetto5.jpg" HEIGHT="25" WIDTH="25" /)(/div)
(div id="dot3" style="position: absolute; height: 11; width: 11;")(IMG SRC="IMMAGINI/Insetto6.jpg" HEIGHT="25" WIDTH="25" /)(/div)
(div id="dot4" style="position: absolute; height: 11; width: 11;")(IMG SRC="IMMAGINI/Insetto1.jpg" HEIGHT="20" WIDTH="30" /)(/div)
(div id="dot5" style="position: absolute; height: 11; width: 11;")(IMG SRC="IMMAGINI/Insetto2.jpg" HEIGHT="20" WIDTH="20" /)(/div)
(div id="dot6" style="position: absolute; height: 11; width: 11;")(IMG SRC="IMMAGINI/Insetto3.jpg" HEIGHT="25" WIDTH="25" /)(/div)
(!-- === FINE MOUSE ELASTICO === --)
(!-- === MENU ESPLOSIVO === --)
(DIV ID="div1")
(style type="text/css")
.dot { position: absolute; width: 12; height: 12; visibility: hidden; background-color: red; font-size: 1px; cursor: pointer; cursor: hand; z-index: 100 }
.dotoff { position: absolute; width: 8; height: 8; visibility: hidden; background-color: green; font-size: 1px; cursor:default; z-index: 100}
.dotempty { position: absolute; width: 6; height: 6; visibility: hidden; background-color: blue; font-size: 1px; cursor: pointer; cursor: hand; zindex: 100 }
.caption { position: absolute; visibility: hidden; font-family: Tahoma; color: black;
font-size: 11px; text-align: Center; cursor: default; z-index: 1 }
a { color: silver; text-decoration: none }
p { font-size: 10px; font-family: tahoma; color: black }
(/style)
(SCRIPT TYPE="text/javascript")
(!--
//get dimentions of the page
if(document.all) pageWidth = document.body.offsetWidth-20;else pageWidth = innerWidth;
if(document.all) pageHeight = document.body.offsetHeight-4;else pageHeight = innerHeight;
//Create main menu
var menu = new menuObject("menu",pageWidth/2,pageHeight/2,"DhtmlCentral Site Map",pageHeight/2);menu.startAngle = -90;
//show menu and caption
menu.show();menu.hideCaption();
//Add submenus
menu.addItem("","toggle");menu.addItem("","toggle");menu.addItem("","toggle");menu.addItem("","toggle");menu.addItem("","toggle");menu.addItem("","");menu.addItem("","");menu.subMenus[0].addItem("","toggle");menu.subMenus[0].addItem("","toggle");menu.subMenus[0].subMenus[0].addItem("","");menu.subMenus[0].subMenus[0].addItem("","");menu.subMenus[0].subMenus[0].addItem("","");
menu.subMenus[0].subMenus[1].addItem("","");menu.subMenus[0].subMenus[1].addItem("","");menu.subMenus[0].subMenus[1].addItem("","toggle");menu.subMenus[0].subMenus[1].subMenus[1].addItem("","toggle");menu.subMenus[0].subMenus[1].subMenus[1].addItem("","");menu.subMenus[0].subMenus[1].subMenus[1].addItem("","");menu.subMenus[0].subMenus[1].subMenus[1].addItem("","");
menu.subMenus[0].subMenus[1].subMenus[1].addItem("","");menu.subMenus[0].subMenus[1].subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");
menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[1].addItem("","");menu.subMenus[2].addItem("","");menu.subMenus[2].addItem("","");menu.subMenus[2].addItem("","");menu.subMenus[2].addItem("","");menu.subMenus[2].addItem("","");menu.subMenus[2].addItem("","");menu.subMenus[3].addItem("","");menu.subMenus[3].addItem("","");menu.subMenus[3].addItem("","");menu.subMenus[3].addItem("","");menu.subMenus[3].addItem("","");menu.subMenus[3].addItem("","");
menu.subMenus[3].addItem("","");c = menu.subMenus[4].addItem("","toggle"); c.startAngle = 15;menu.subMenus[4].addItem("","");menu.subMenus[4].addItem("","");menu.subMenus[4].addItem("","toggle");menu.subMenus[4].subMenus[0].addItem("","");menu.subMenus[4].subMenus[0].addItem("","");menu.subMenus[4].subMenus[0].addItem("","");
menu.subMenus[4].subMenus[3].addItem("","");menu.subMenus[4].subMenus[3].addItem("","");
// --)
(/SCRIPT)
(/DIV)
(!-- === FINE MENU ESPLOSIVO === --)
(!-- === TESTO FIAMMEGGIANTE === --)
(STYLE TYPE="text/css")
(!--
#theText{
border: 0px solid #666666;
padding: 0px;
font-size: 25px;
font-family: Verdana, Tahoma, Arial, sans-serif;
position: absolute;
width: 280;
height: 20;
left:600;
top:100;
color:#66000;
}
--)
(/STYLE)
(DIV onmouseover="textPulseDown()"id="theText") (CENTER)(B)(I)Non mi toccare!!(/I)(/B)(/SPAN)(/CENTER)(/DIV)
(!-- === FINE TESTO FIAMMEGGIANTE === --)
(!-- === TESTO MULTICOLORE === --)
(STYLE TYPE="text/css")
(!--
#multicolor{
border: 0px solid #666666;
padding: 0px;
font-size: 15px;
font-family: Verdana, Tahoma, Arial, sans-serif;
position: absolute;
width: auto;
height: auto;
left:50;
top:50;
}
--)
(/STYLE)
(DIV id="multicolor" align=center)(b)
(SCRIPT language="JavaScript")
gradient("BeNvEnUtI nElLa PaGiNa","000000 FFFF00 FF0000");
document.write("(/br)");
gradient("PIU pazza DEL pazzo SITO di","=116699 FFFF00 00FF00");
document.write("(/br)");
document.write("(/br)(FONT SIZE='5')");
gradient("DEAD FOR SURE!","FF0000 FF55aa 00f5a4 a0b2c0 FFFFFF");
document.write("(/FONT)")
(/SCRIPT)
(/DIV)
(!-- === FINE TESTO MULTICOLORE === --)
(!-- === BACK HOME === --)
(STYLE TYPE="text/css")
(!--
#BK{
border: 0px solid #666666;
padding: 0px;
font-size: 15px;
font-family: Verdana, Tahoma, Arial, sans-serif;
position: absolute;
width: auto;
height: auto;
left:50;
top:450;
}
--)
(/STYLE)
(!-- BARRA DI CARICAMENTO IMMAGINI --)
(DIV id="Caricatore" style="position:absolute; Z-INDEX: 120; background-color:#000000 ;border:1 solid red; top:200px; left:200px; width:455px; height:60px; ")
(DIV id="msg" style="position:absolute; top:10px; left:10px; width:200px; height:20px;")
(FONT face="Arial" size="4" color="#DDDDDD")Loading...(/FONT)(/DIV)
(DIV id="bg" style="position:absolute; top:10px; left:100px; background-color: #DDDDDD; width:300px; height:20px;") (/DIV)
(DIV id="bar" style="position:absolute; top:10px; left:100px; background-color: #0000ff; width:1px; height:20px;") (/DIV)
(DIV id="percent" style="position:absolute; top:10px; left:230px;")(FONT color="#BBBB00")(B)0:(/B)(/FONT)(/DIV)
(DIV id="stat" style="position:absolute; top:10px; left:420px;")(FONT face="Arial" color="#FFFFFF")(B)0/0(/B)(/FONT)(/DIV)
(DIV id="doneMsg" style="position:absolute; top:10px; left:620px;")(/DIV)
(DIV id="doneMatter" style="position:absolute; top:35px; left:0px; width:500px;")
(CENTER)(FONT color="#FFFFFF" face="Arial" size="2")Caricamento immagini in corso....(/FONT)(/CENTER)
(BR)
(/DIV)(DIV id="BK" align=center)(b)
(A HREF="Index.html")<IMG ALT="Torna alla HOMEPAGE" SRC="IMMAGINI/home.gif" HEIGHT="54" WIDTH="37" /)</A)</DIV)</body)</html)
Edited by - dead on 05/05/2005 18:23:51
Sono cosi avanti che quando guardo indietro vedo il futuro.
