                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS插件开发之LightBox图片画廊(上)

请问这个效果是一定要引用JQuery的文件吗

我们现在写网页不允许引用框架，我现在对Jquery还不熟，按照老师的来写css和js文件后，依旧无法实现效果，请问我要怎么解决这个问题呢

AINIforever

2016-11-22

源自：JS插件开发之LightBox图片画廊(上) 3-4

关注问题我要回答

1004

操作

收起

3 回答

慕无忌0415249 回答被采纳 +3 积分
2016-11-23

老师写的这个插件，有依赖jquery库，向页面中的获取节点链式操作，设置属性啦这类的jquey的写法你该成原生的写法就好了

0 回复有任何疑惑可以回复我~

收起回答

AINIforever 提问者

您能帮我把下面那段改成原生代码吗？这是我在网上看的实现随页面滚动加载元素的js代码，但是对于jq不通。。。能帮忙的话感激不尽！

2016-11-24 回复有任何疑惑可以回复我~

AINIforever 提问者

代码放下面了，希望能帮忙，谢谢

2016-11-24 回复有任何疑惑可以回复我~

AINIforever 提问者
2016-11-24

$(function() {

			var $window           = $(window),
			win_height_padded = $window.height() * 1.1,
			isTouch           = Modernizr.touch;

			if (isTouch) { $('.revealOnScroll').addClass('animated'); }

			$window.on('scroll', revealOnScroll);

			function revealOnScroll() {
				var scrolled = $window.scrollTop(),
				win_height_padded = $window.height() * 1.1;

    // Showed...
    $(".revealOnScroll:not(.animated)").each(function () {
    	var $this     = $(this),
    	offsetTop = $this.offset().top;

    	if (scrolled + win_height_padded > offsetTop) {
    		if ($this.data('timeout')) {
    			window.setTimeout(function(){
    				$this.addClass('animated ' + $this.data('animation'));
    			}, parseInt($this.data('timeout'),10));
    		} else {
    			$this.addClass('animated ' + $this.data('animation'));
    		}
    	}
    });
    // Hidden...
    $(".revealOnScroll.animated").each(function (index) {
    	var $this     = $(this),
    	offsetTop = $this.offset().top;
    	if (scrolled + win_height_padded < offsetTop) {
    		$(this).removeClass('animated fadeInUp flipInx flash')
    	}
    });
}})

0 回复有任何疑惑可以回复我~

收起回答