<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">// JavaScript Document

 $(function() {
        $(window).scroll(function() {
            var top = $(document).scrollTop();
            //console.log(top);
            var items = $("#content").find(".item");

            var currentId = ""; //å½“å‰æ‰€åœ¨æ¥¼å±‚id
            items.each(function() {
                var m = $(this);
                var itemTop = m.offset().top;
                //console.log(itemTop);
                if (top &gt; itemTop - 200) {
                    currentId = m.attr("id");
                } else {
                    return false;
                }
            });
			
			
/*	$(function(){
    $('#dowebok').addClass('animated bounce');
});
 $(function(){
    $('#dowebok').addClass('animated bounce');
    setTimeout(function(){
        $('#dowebok').removeClass('bounce');
    }, 1000);
});*/

            //ç»™å½“å‰æ¥¼å±‚æ·»åŠ&nbsp;åŠ¨ç”»
            switch (currentId) {
                case 'item1':
                    $('#item1 img').addClass('animated fadeInDownBig');
                    break;
                case 'item2':
                    $('#item2 img').addClass('animated bounceInUp');
				    break;
                case 'item3':
                    $('#item3 img').addClass('animated fadeInRight');
					break;
				case 'item4':
                    $('#item4 img').addClass('animated fadeInLeft');
					$('#item4 img').addClass('animated fadeInRight');
                    break;
				case 'item5':
                    $('#item5 img').addClass('animated fadeInDown');
                    break;
            }
        });
    });</pre></body></html>