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代码片段