Tags » JQuery

Onscroll animations jquery

Below code to we can set animation son scroll nested time

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css">
<style>
.revealOnScroll{opacity:0;}
</style>

For jQuery used below function


//ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js
//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js


//Update this function call with your own element ID, animate.css animation, and timeout in milliseconds. 239 more words
HTML

Beginning jQuery: From the Basics of jQuery to Writing your Own Plug-ins, Second Edition - Apress - 2017

Navigate the tricky issues around cross-browser inconsistencies and use jQuery to avoid wasting time fixing these bugs.  This book is your step-by-step guide to learning the 216 more words

Client Side rendering made it easy change list views in SharePoint by taking less time comparatively with custom list view page as we have to only define the HTML code to render the view. 738 more words

SharePoint

A Better Multi-Select with Chosen jQuery Plugin in ColdBox

Let’s improve the user experience for selecting multiple items in a select drop down list by using the chosen jQuery plugin. In this guide we will use the example of selecting multiple suppliers for a product in a ColdBox 4.2.x web application. 869 more words

Web Dev

Site Loader

HTML

JQuery
jQuery(window).load(function() {
jQuery(“.loader”).fadeOut(“slow”);
});

CSS
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff url(‘images/pageLoader.gif’) 50% 50% no-repeat; opacity: 1;
}

JQuery

Bottom To Top Scroll

<a id=”topScroll” href=”javascript:void(0)” style=”display: block;”><i class=”fa fa-angle-up” aria-hidden=”true”></i></a>

jQuery(document).ready(function(){
jQuery(“#topScroll”).click(function(){
jQuery(“html, body”).animate({scrollTop : 0}, 600);
return false;
});
});

jQuery(“#topScroll”).hide();
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() > 100) { 9 more words

JQuery

Allow letters and whitespaces Jquery

jQuery(document).ready(function(){
jQuery(“#student-name”).keypress(function(event){
var inputValue = event.which;
// allow letters and whitespaces only.
if(!(inputValue >= 65 && inputValue <= 120) && (inputValue != 32 && inputValue != 0)) {
event.preventDefault();
}
});
});

JQuery