鼠标滚轮控制文字显示特效-JS特效-爱易网页

鼠标滚轮控制文字显示特效

日期：2014-05-18　浏览次数：20652 次

以下是程序代码

<html>
<head>
<script type="text/javascript">
function handle(www_zzjs_net) {
    var s = www_zzjs_net + ": ";
    if (www_zzjs_net <0)
        s += "站长特效提示您：down";
    else
        s += "站长特效提示您：up";
    document.getElementById('www_zzjs_net').innerHTML = s;
} //欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function wheel(event){
    var www_zzjs_net = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {
        www_zzjs_net = event.wheelDelta/120;
        if (window.opera) www_zzjs_net = -www_zzjs_net;
    } else if (event.detail) {
        www_zzjs_net = -event.detail/3;
    }
    if (www_zzjs_net)
        handle(www_zzjs_net);
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
/* Initialization code. */
if (window.addEventListener)
    window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>
</head>
<body>
本特效来自：<a href="http://www.zzjs.net" target="_blank">站长特效网</a>，转载请注明出处。
<div id="www_zzjs_net">滚动鼠标中间的滚轮可以看到效果</div>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]