Skip to content

Instantly share code, notes, and snippets.

@RadianSmile

RadianSmile/test for delay show

Last active August 29, 2015 14:19
Show Gist options
  • Save RadianSmile/add3943ba0e405950538 to your computer and use it in GitHub Desktop.
Save RadianSmile/add3943ba0e405950538 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test for delay show
<!DOCTYPE html>
<html>
<head>
<link rel="prefetch" href="http://140.119.134.100/co-construction/infoA.php?bid=1" />
<link rel="prerender" href="http://140.119.134.100/co-construction/infoA.php?bid=1" />
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="prefetch" href="http://rats-funnybone.com/wp-content/uploads/2013/08/aura-background-large-1.jpg">
</head>
<style>
.test {
display:none;
width:100%;
height : 1000px ;
background : green ;
background : url("http://rats-funnybone.com/wp-content/uploads/2013/08/aura-background-large-1.jpg");
}
</style>
<script>
var FadeInColorEle = function () {
$("<div class='test'></div>").delay(2000).appendTo("body").fadeIn();
}
$(function (){
FadeInColorEle();
})
</script>
<body>
<a class="btn btn-primary" onclick="FadeInColorEle();">fadeIn clolor element</a>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<link rel="prefetch" href="http://140.119.134.100/co-construction/infoA.php?bid=1" />
<link rel="prerender" href="http://140.119.134.100/co-construction/infoA.php?bid=1" />
<script src="//code.jquery.com/jquery-2.1.1.min.js"><\/script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"><\/script>
<link rel="prefetch" href="http://rats-funnybone.com/wp-content/uploads/2013/08/aura-background-large-1.jpg">
</head>
<style>
.test {
display:none;
width:100%;
height : 1000px ;
background : green ;
background : url("http://rats-funnybone.com/wp-content/uploads/2013/08/aura-background-large-1.jpg");
}
</style>
<script>
var FadeInColorEle = function () {
$("<div class='test'></div>").delay(2000).appendTo("body").fadeIn();
}
$(function (){
FadeInColorEle();
})
<\/script>
<body>
<a class="btn btn-primary" onclick="FadeInColorEle();">fadeIn clolor element</a>
</body>
</html></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment