发信人: xianfu163com(凤凰E站)
整理人: eagle(2002-01-29 09:05:06), 站内信件
|
鼠标控制滚动文字 用鼠标控制滚动字符的左右移动及移动速度,是一个很酷的效果
=====================================================================
具体方法如下:
... ... ... ...
步骤一: 请将下面的原代码插入到<head>和</head>之中 ,
选定以下所有代码
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var ostat = false;
function scrollstop() {
news.scrollAmount = 0;
ostat = true;
}
function scrollplay() {
news.scrollAmount = 5;
ostat = false;
}
function scrolldir() {
mid = screen.width / 2;
mouse = event.x;
if(mouse > mid) {
if(ostat == false) {
speed = (mouse - mid) / 25;
news.scrollAmount = speed;
}
news.direction = "right";
}
else {
if(ostat == false) {
speed = (mid - mouse) / 25;
news.scrollAmount = speed;
}
news.direction = "left";
}
}
// End -->
</script>
步骤二: 请将下面的原代码插入到<body>下面 ,
选定以下所有代码
<marquee name=news id=news behavior=scroll direction=left scrollamount=5 scrolldelay=1 hspace=0 vspace=0 onmouseover="scrollstop()" onmouseout="scrollplay()">
凤凰E站-网络Javascript编程站欢迎你的光临,请多提意见,谢谢
</marquee>
步骤三: , 把<body>中的内容改为:
选定以下所有代码
<body onMouseMove="scrolldir()">
---- ^_^ 请诸位大虾指教:我的网上之家:凤凰E站<br>MY EMAIL |
|