精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>DHTML,JavaScript专栏>>JS-鼠标控制滚动文字 用鼠标控制滚动字符的左右移动及移动速度,是

主题:JS-鼠标控制滚动文字 用鼠标控制滚动字符的左右移动及移动速度,是
发信人: 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     

[关闭][返回]