JavaScript in der Statuszeile
- Ersteller Anonymous
- Erstellt am
- Status
Geht glaube ich nur im IE
Hier mal ein beispiel.
Hier mal ein beispiel.
Code:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Textanimation in der Statuszeile</title>
<base target="pageFrame">
<style TYPE="text/css">
<!--
A:link {text-decoration: none; color: #0033cc;}
A:visited {text-decoration: none; color: #003399;}
A:active {text-decoration: none color: #000040;}
A:hover {text-decoration: underline ; color: #3333ff; background: #ffffff;}
BODY { cursor: crosshair; }
//-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0033CC"
vlink="#003399" alink="#000040" onload="snapSetup()">
<script language="JavaScript">
<!--
function snapIn(jumpSpaces,position) {
var msg = "Hier steht der Text"
var out = ""
if (killScroll) {
return false
}
for (var i=0; i<position; i++){
out += msg.charAt(i)
}
for (i=1;i<jumpSpaces;i++) {
out += " "
}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ') {
position++
}
jumpSpaces = 100-position
}
else if (jumpSpaces > 3) {
jumpSpaces *= .75
}
else {
jumpSpaces--
}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,5);
}
else {
scrolling = false
return false
}
return true
}
function snapSetup() {
if (scrolling)
if (!confirm('Re-initialize snapIn?'))
return false
// only way to break the function
// if its already running
killScroll = true
// will cause recursive snapIn to break
scrolling = true
// sets so that this function can't run twice
// without breaking the first instance
var killID = window.setTimeout('killScroll=false',6)
// now that first occurance was killed,
// reset it so that this instance can proceed
scrollID = window.setTimeout('snapIn(100,0)',10)
// make sure it waits until killScroll is reset
return true
//must return true to comply with above break
}
//-------------------------------------------------------------
var scrollID = Object
var scrolling = false
var killScroll = false
//-------------------------------------------------------------
// -->
</script>
<p align="center"><font color="#000000" size="3" face="Verdana">[b]Textanimation
in der Statusleiste[/b]</font>
</p>
<form>
<p align="center"><input type="button"
value="Quelltext ansehen"
onclick="window.location = "view-source:" + window.location.href">
</p>
</form>
<p align="center">
</p>
<hr size="1" width="50%">
</body>
</html>
- Status