<html>
<head>
<title>随鼠标飘动的文字</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
body { font-family: "宋体"; font-size: 9pt}
a { text-decoration: underline; color: #333399}
a:hover { text-decoration: none; color: #FF0000}
a.red:hover { font-family: "宋体"; color: #660000}
a.red { font-family: "宋体"; color: #FF0000}
a.red:link { font-family: "宋体"; color: #FF0000}
.p8 { font-family: "宋体"; font-size: 14.8px}
.p10 { font-family: "宋体"; font-size: 24.8px}
input { font-family: "宋体"; font-size: 9pt}
td { font-size: 9pt; font-family: "宋体"}
-->
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:9pt; font-family:宋体;
color: 000000;
font-weight:bold;
}
</style>
<script>
var x,y
var step=30
var wind=5
var message="这就是动态HTML，怎么样？？"
message=message.split("")
var setx=new Array()
for (i=0;i<=message.length-1;i++) {
setx[i]=-100}
var sety=new Array()
for (i=0;i<=message.length-1;i++) {
sety[i]=-100}
function online(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
wind=1}
function gone() {
if (wind==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
setx[i]=setx[i-1]+step
sety[i]=sety[i-1] }
setx[0]=x+step
sety[0]=y
for (i=0; i<message.length-1; i++) {
var myvar = eval("span"+(i)+".style")
myvar.posLeft=setx[i]
myvar.posTop=sety[i] } }
else if (wind==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
setx[i]=setx[i-1]+step
sety[i]=sety[i-1] }
setx[0]=x+step
sety[0]=y
for (i=0; i<message.length-1; i++) {
var myvar = eval("document.span"+i)
myvar.left=setx[i]
myvar.top=sety[i]} }
var timer=setTimeout("gone()",45)}
</script>
<script>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if (document.layers){
document.captureEvents(Event.mouseover);}
document.onmousemove = online;
</script>
<body onLoad="gone()" >
</head>
<body>
</body>
</html>
HTML时尚编程百例(代码)
5星 · 超过95%的资源 需积分: 13 184 浏览量
2008-12-25
22:17:45
上传
评论
收藏 1.84MB RAR 举报 
HTML时尚编程百例(代码) （214个子文件） 
57.BMP 1.32MB 61.BMP 1.32MB 58.BMP 1.32MB 64.BMP 907KB 55.BMP 830KB 56.BMP 626KB 69.BMP 614KB 65.BMP 552KB 60.BMP 552KB 68.BMP 506KB 67.BMP 499KB 70.BMP 488KB 71.BMP 488KB 59.BMP 484KB 66.BMP 413KB 62.BMP 408KB 72.BMP 381KB
upscroll.class 5KB STYLE.CSS 300B Thumbs.db 6KB
002.GIF 21KB 01.GIF 13KB TS.GIF 7KB TS.GIF 7KB welcome.gif 5KB afa.gif 3KB afa.gif 3KB cry.gif 2KB cry.gif 2KB happy.gif 1KB happy.gif 1KB happy.gif 1KB happy.gif 1KB happy.gif 1KB sun.gif 703B HR.GIF 479B EXIT.GIF 270B FOLDER1.GIF 170B FOLDER.GIF 158B PLUS.GIF 87B REDDOT.GIF 84B LAST.GIF 82B SUB.GIF 82B TOP.GIF 81B LINE1.GIF 70B LINE.GIF 69B LINE11.GIF 67B 52.HTM 18KB 61.HTM 14KB 64.HTM 10KB 53.HTM 4KB 80.HTM 4KB 54.HTM 3KB 60.HTM 3KB 89.htm 3KB 59.HTM 3KB 85.htm 3KB 78.HTM 2KB 90.htm 2KB 56.HTM 2KB 83.htm 2KB 57.HTM 2KB 77.HTM 2KB 82.htm 2KB 79.HTM 2KB 48.HTM 2KB 84.htm 2KB 98.htm 2KB 87.HTM 2KB 88.htm 2KB 55.HTM 2KB 74.HTM 2KB 97.htm 2KB 50.HTM 2KB 58.HTM 1KB 43.HTM 1KB 46.HTM 1KB 86.HTM 1KB 20.htm 1KB 69.HTM 1KB 68.HTM 1KB 81.htm 1KB 93.htm 1KB 25.htm 1KB 18.htm 1KB 51.HTM 1KB 76.HTM 1KB 40.HTM 1KB 29.htm 1KB 92.htm 1KB 27.htm 1KB 99.htm 1KB 94.htm 1KB 67.HTM 1KB 26.htm 1KB 49.HTM 1KB 30.htm 1KB 91.htm 1KB 62.HTM 1KB 22.htm 1KB共 214 条
- 1
- 2
- 3
评论1