Suche im Forum:
Suchen


Autor Nachricht
Beitrag10.01.2009 um 10:50 (UTC)    
Titel: Mauszeigerverzierung

Hallo, ich möchte gerne wissen wie und wo und ob man so ne Mausverzierung in die Hp machn kann?

Der Code:


Code:
<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 100; // milliseconds between scrolls
ScrollChars = 1; // chars scrolled per time period

function SetupTicker() {
// add space to the left of the message
msg = " Herzlich willkommen auf meiner Homepage !";
RunTicker();}

function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();

><!-- end --> </SCRIPT>
</textarea></font><font size="2"><br>
  L</font><font face="MS Serif"><a name="aufender Text i" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"><font color="#000000" size="2">aufender Text i</font></a></font><font size="2">m unteren
    Rand des Browserfensters.<br>
  </font>
  <font face="MS Serif">
  <a href="../bspl/bspl_4.htm" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt">
    <font color="#000000" size="2">Klicke HIER um Beispiels zu sehen!</font></a></font><font size="2"><br>
  </font>
  </b>
    <font face="MS Serif" color="#FF0000">
    <span style="background-color: #FF9933; font-weight:700">
    <font color="#000000" size="4">
  <a href="#nach oben" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt">
    <font color="#000000" size="2">&nbsp;- Nach oben! </font></a> </font></span></font>
  </p>
  <p align="left">&nbsp;
</p>
  <p align="left">
  <b>
  <font size="3">
  <textarea rows="4" name="S42" cols="44"><script language="JavaScript">
<!-- Silly Clock by kurt.grigg@virgin.net

CoLoUrS=new Array('ff0000','0000ff','ff00ff');//Farbe des Zifferblattes.
sCol='ff00ff';//sekunden Farbe.
mCol='ff0000';//minuten Farbe.
hCol='0000ff';//stunden Farbe.

//Alter nothing below!
H='Stunde..';
H=H.split('');
H=H.reverse();
M='Minute..';
M=M.split('');
M=M.reverse();
S='Sekunde..';
S=S.split('');
S=S.reverse();
dots=12;
var Ypos=0,Xpos=0,Ybase=0,Xbase=0;
var ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0;
count=0;
count_a=0;
move=1;
ns=(document.layers)?1:0;
viz=(document.layers)?'hide':'hidden';
if (ns){
for (i=0; i < dots; i++)
document.write('><layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else{
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < dots; i++){
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>');
}
document.write('</div></div>');
document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
Ypos = evnt.pageY+100;
Xpos = evnt.pageX+100;
}
window.onMouseMove = nsMouse;
}
else{
function ieMouse(){
Ypos=event.y+100;
Xpos=event.x+100;
}
document.onmousemove=ieMouse;
}

function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360;
Ybase=15;
Xbase=15;
if (ns){
document.layers["nx"+0].visibility=viz;
document.layers["ny"+0].visibility=viz;
document.layers["nz"+0].visibility=viz;
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec);
document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min);
document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs);
document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs);
}
for (i=0; i < dots; ++i){
document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9));
document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
}
}
else{
var scrll=document.body.scrollTop;
W.style.pixelTop=scrll;
X.style.pixelTop=scrll;
Y.style.pixelTop=scrll;
Z.style.pixelTop=scrll;
x[0].style.visibility=viz;
y[0].style.visibility=viz;
z[0].style.visibility=viz;
for (i=0; i < S.length; i++){
x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec);
x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min);
y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs);
z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs);
}
for (i=0; i < dots; ++i){
face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9));
face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
}
}
}
function MouseFollow(){
ay=Math.round(Ay+=((Ypos)-Ay)*4/15);
ax=Math.round(Ax+=((Xpos)-Ax)*4/15);
by = Math.round(By+=(ay-By)*4/15);
bx = Math.round(Bx+=(ax-Bx)*4/15);
cy = Math.round(Cy+=(by-Cy)*4/15);
cx = Math.round(Cx+=(bx-Cx)*4/15);
dy = Math.round(Dy+=(cy-Dy)*4/15);
dx = Math.round(Dx+=(cx-Dx)*4/15);
clock();
setTimeout('MouseFollow()',10);
}
function colourStep(){
count+=move;
if (count >= dots) {count=0;count_a+=move}
if (count_a == CoLoUrS.length) count_a=0;
if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a];
else face[count].style.background=CoLoUrS[count_a];
setTimeout('colourStep()',100)
}
function StartAll(){
MouseFollow();
colourStep();
}
if (document.layers || document.all) window.onload=StartAll;
//--</script>
[/quote]
Beitrag10.01.2009 um 10:53 (UTC)    
Titel:

So was hatte ich auch mal, allerdings hat die HP bei mir dann sehr lange geladen....

Damals musste ich den Code auf jeder einzelnen Seite ganz oben im Quelltext einfügen. So sollte das eigentlich auch bei dir funktionieren.

LG
______________
Beitrag10.01.2009 um 15:40 (UTC)    
Titel:

Das muss man nicht umbedingt auf ejder seite einfügen das kannst du zB: "Unterm Design" oder "Rechte Boxen"
Dan ahst dus immer !
Und ein Tipp von mir : Füg das nicht ein das ladet zu lange und hat sogar manchmal ein Flash-Fehler !
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de