天天看點

js響應滑鼠滾輪事件

js響應滑鼠滾輪事件

js響應滑鼠滾輪事件

 1

js響應滑鼠滾輪事件

var up = $('up'), down = $('down'), log;

 2

js響應滑鼠滾輪事件

 3

js響應滑鼠滾輪事件

[up, down].each(function(arrow) {

 4

js響應滑鼠滾輪事件

    arrow.setstyle('opacity', .1);

 5

js響應滑鼠滾輪事件

});

 6

js響應滑鼠滾輪事件

 7

js響應滑鼠滾輪事件

document.addevent('mousewheel', function(event) {

 8

js響應滑鼠滾輪事件

    event = new event(event);

 9

js響應滑鼠滾輪事件

10

js響應滑鼠滾輪事件

    /* mousewheel up */

11

js響應滑鼠滾輪事件

    if (event.wheel > 0) {

12

js響應滑鼠滾輪事件

        up.setstyle('opacity', 1);

13

js響應滑鼠滾輪事件

        down.setstyle('opacity', .1);

14

js響應滑鼠滾輪事件

        log = 'up';

15

js響應滑鼠滾輪事件

    } 

16

js響應滑鼠滾輪事件

    /* mousewheel down*/

17

js響應滑鼠滾輪事件

    else if (event.wheel < 0) {

18

js響應滑鼠滾輪事件

        up.setstyle('opacity', .1);

19

js響應滑鼠滾輪事件

        down.setstyle('opacity', 1);

20

js響應滑鼠滾輪事件

        log = 'down';

21

js響應滑鼠滾輪事件

    }

22

js響應滑鼠滾輪事件

23

js響應滑鼠滾輪事件

    $('log').sethtml(log);

24

js響應滑鼠滾輪事件

25

js響應滑鼠滾輪事件

    var cls = function() {

26

js響應滑鼠滾輪事件

        [up, down].each(function(arrow) {

27

js響應滑鼠滾輪事件

            arrow.setstyle('opacity', .1);

28

js響應滑鼠滾輪事件

        });

29

js響應滑鼠滾輪事件

    }.delay(100);

30

js響應滑鼠滾輪事件
js響應滑鼠滾輪事件

歡迎加群互相學習,共同進步。qq群:ios: 58099570 | android: 330987132 | go:217696290 | python:336880185 | 做人要厚道,轉載請注明出處!http://www.cnblogs.com/sunshine-anycall/archive/2009/02/25/1397887.html

繼續閱讀