javascript JQuery片段

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript JQuery片段相关的知识,希望对你有一定的参考价值。

// Wrap class with a new class
jQuery( ".entry-content img" ).wrap( "<div class='img-wrap'></div>" );

$('.waypoint-fadeInLeft').css('opacity', 0);

$('.waypoint-fadeInLeft').waypoint(function(){
	$(this).addClass('fadeInLeft');
	},{
	offset:'90%',
	triggerOnce:true
});


$('.waypoint-fadeInRight').css('opacity', 0);

$('.waypoint-fadeInRight').waypoint(function(){
	$(this).addClass('fadeInRight');
	},{
	offset:'90%',
	triggerOnce:true
});



$('.waypoint-fadeInUp').css('opacity', 0);

$('.waypoint-fadeInUp').waypoint(function(){
	$(this).addClass('fadeInUp');
	},{
	offset:'90%',
	triggerOnce:true
});


$('.waypoint-fadeIn').css('opacity', 0);

$('.waypoint-fadeIn').waypoint(function(){
	$(this).addClass('fadeIn');
	},{
	offset:'90%',
	triggerOnce:true
});\

$('.waypoint').css('opacity', 0);

$('.waypoint').waypoint(function(){
	$(this).animate({opacity:1},"slow");
	},{
	offset:'90%',
	triggerOnce:true
});
// If the url has a # if else
if(window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}
// open all external links in blank
jQuery(document).ready(function() {
   jQuery("a[href^=http]").each(function(){
      if(this.href.indexOf(location.hostname) == -1) {
         jQuery(this).attr({
            target: "_blank",
         });
      }
   })
});
// clickable divs
jQuery(".click-me").click(function(){
     window.location=jQuery(this).find("a").attr("href"); 
     return false;
});
// Scrolly
jQuery(".scrolly").click(function(scroll1){		
  scroll1.preventDefault();
    jQuery('html,body').animate({scrollTop:jQuery(this.hash).offset().top -85
  }, 1000);
}); 
// This is where all of the snippets for jQuery lives
// 	Fade out on scroll
	jQuery(window).scroll(function(){
		jQuery(".fadeoutup").css("opacity", 1 - jQuery(window).scrollTop() / 550);
	});

以上是关于javascript JQuery片段的主要内容,如果未能解决你的问题,请参考以下文章

javascript JQuery片段

几个有用的JavaScript/jQuery代码片段(转)

Javascript代码片段在drupal中不起作用

常用Javascript代码片段集锦

在jQuery和JavaScript中,实现转跳

高效Web开发的10个jQuery代码片段