                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JS插件開發(fā)之LightBox圖片畫廊(上)

請問這個效果是一定要引用JQuery的文件嗎

我們現(xiàn)在寫網(wǎng)頁不允許引用框架，我現(xiàn)在對Jquery還不熟，按照老師的來寫css和js文件后，依舊無法實現(xiàn)效果，請問我要怎么解決這個問題呢

AINIforever

2016-11-22

源自：JS插件開發(fā)之LightBox圖片畫廊(上) 3-4

關(guān)注問題我要回答

971

操作

收起

3 回答

慕無忌0415249 回答被采納 +3 積分
2016-11-23

老師寫的這個插件，有依賴jquery庫，向頁面中的獲取節(jié)點鏈?zhǔn)讲僮鳎O(shè)置屬性啦這類的jquey的寫法你該成原生的寫法就好了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

AINIforever 提問者

您能幫我把下面那段改成原生代碼嗎？這是我在網(wǎng)上看的實現(xiàn)隨頁面滾動加載元素的js代碼，但是對于jq不通。。。能幫忙的話感激不盡！

2016-11-24 回復(fù) 有任何疑惑可以回復(fù)我~

#2

AINIforever 提問者

代碼放下面了，希望能幫忙，謝謝

2016-11-24 回復(fù) 有任何疑惑可以回復(fù)我~

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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答