Hiding a Writing a style specifically for Internet explorer IE 6 ,7, 8
Add this code to header tag
<!--[if IE 6]>
<style>#dl-menu{display: none;}</style>
<![endif]-->
<!--[if IE 7]>
<style>#dl-menu{display: none;}</style>
<![endif]-->
<!--[if IE 8]>
<style>#dl-menu{display: none;}</style>
<![endif]-->
Keith Count down with server time
Keith jQuery Count down time working with server time with Ajax
Javascript code
<script>
function serverTime() {
var time = null;
$.ajax({url: 'serverTime.php',
async: false, dataType: 'text',
success: function(text) {
time = new Date(text);
}, error: function(http, message, exc) {
time = new Date();
}});
return time;
}
$(document).ready(function () {
$('#120').countdown({
until: new Date(2014, 03 - 1, 30),
format: 'DHMS',
serverSync: serverTime
});
});
</script>
PHP file<?php
$now = new DateTime(null, new DateTimeZone('Asia/Kolkata'));
echo $now->format("M j, Y H:i:s O")."\n";
?>
Jquery Change width and height on scroll - page elements
<!--CSS change on Scroll-->
<script>
$(window).scroll(function () {
//if($(".toggleMenu").css("display") == "none"){ --> condition for mobile
if ($(this).scrollTop() > 100) {
$('.lgo').css({width:'90px'});
$('.mm').css({margin:'5px 10px'});
} else {
$('.lgo').css({width:'140px'});
$('.mm').css({margin:'15px 10px'});
//}
}
});
</script>
If Else for Jquery Example
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
Subscribe to:
Posts (Atom)