Yilei He lionhylra
lionhylra
/ DocumentLoading.js
Created
September 17, 2013 04:44
These three implementations are equivalent.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //1 | |
| $( document ).ready(function() { | |
| // Handler for .ready() called. | |
| }); | |
| //2 | |
| $(function() { | |
| // Handler for .ready() called. | |
| }); | |
| //3 | |
| jQuery( document ).ready(function( $ ) { |
lionhylra
/ window.scroll.js
Created
September 17, 2013 04:44
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $( "p" ).clone().appendTo( document.body ); | |
| $( "p" ).clone().appendTo( document.body ); | |
| $( "p" ).clone().appendTo( document.body ); | |
| $( window ).scroll(function() { | |
| $( "span" ).css( "display", "inline" ).fadeOut( "slow" ); | |
| }); |
lionhylra
/ jQuery.on.html
Created
September 17, 2013 05:03
A jQuery way to change the style of element by changing the class
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>on demo</title> | |
| <style> | |
| .test { | |
| color: #000; | |
| padding: .5em; | |
| border: 1px solid #444; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script> | |
| var xmlhttp; | |
| function loadXMLDoc(url,cfunc) | |
| { | |
| if (window.XMLHttpRequest) | |
| {// code for IE7+, Firefox, Chrome, Opera, Safari | |
| xmlhttp=new XMLHttpRequest(); |
lionhylra
/ vertical-align-center.css
Created
September 18, 2013 08:11
vertical align-center:
box-align: start|end|center|baseline|stretch;
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| div{ | |
| /*vertical align-center*/ | |
| /* Internet Explorer 10 */ | |
| display: -ms-flexbox; | |
| -ms-flex-pack: center; | |
| -ms-flex-align: center; | |
| /* Firefox */ | |
| display: -moz-box; | |
| -moz-box-pack: center; | |
| -moz-box-align: center; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| if($handle = opendir('C:\\Inetpub\\wwwroot\\test\\')){ | |
| echo "Files:\n"; | |
| while (false !== ($file = readdir($handle))){ | |
| echo "$file\n"; | |
| } | |
| closedir($handle); | |
| } | |
| ?> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('#nav nav').css("opacity", 0.8 ); | |
| $("#nav nav").on({ | |
| mouseenter: function () { | |
| //$(this).addClass("mouseenter"); | |
| $(this).stop().animate({ opacity: 1 }, 200); | |
| }, | |
| mouseleave: function () { | |
| $(this).stop().animate({opacity: 0.8}, 500); | |
| } | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $.ajaxSetup({ | |
| }); | |
| var jqxhr = $.ajax({ | |
| url: "http://fiddle.jshell.net/favicon.png", | |
| type:"GET",//or "POST" | |
| data:{name:"Jimy",age:22},//or data:"aSTring", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| img{ | |
| width:auto; | |
| max-width:100%; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Effect 1: opacity */ | |
| .grid.effect-1 li.animate { | |
| -webkit-animation: fadeIn 0.65s ease forwards; | |
| -moz-animation: fadeIn 0.65s ease forwards; | |
| animation: fadeIn 0.65s ease forwards; | |
| } | |
| @-webkit-keyframes fadeIn { | |
| to { opacity: 1; } | |
| } |