Learn how to use jQuery at the Blog

Alexpts « visit

  • Added 8 months ago
  • 187 Lines of Code shown
  • 2 Links of Interest
http://alexpts.ru
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to Alexpts - http://alexpts.ru

jQuery(document).ready(function() {

	//IE
	if (jQuery.browser.msie ) {
		jQuery('<div id="dowff"><div id="exit" title="закрыть"></div><h3>Внимание!</h3><p>Ваш браузер может работать некорректно, ваше прибывание на моем блоге будет менее комфортным. Я предлага вам использовать браузер <strong><a href="http://www.mozilla.ru">Firefox</a></strong> или <a href="http://ru.opera.com/download/">Opera</a>!<br/>Надеюсь вы узнаете что-то полезное на моем блоге. Приятного просмотра!</div><div id="noie"></div>').appendTo('#adminbar');
		jQuery("#exit").click(function() {
			jQuery("#dowff, #noie").hide().remove();
		});

		jQuery('#exit').css({
			width:30,
			height:30,
			background:'#fff url(/wp-content/themes/alexpts_irresistible/js/exit.jpg)',
			float:'right',
			cursor:'pointer'
		});

		jQuery('#dowff').css({
			background:'#FFFFFF',
			border:'2px solid #000',
			height:250,
			'font-size':16,
			position:'fixed',
			width:400,
			'z-index':999,
			left:'33%',
			'line-height':1.8,
			top:'30%',
			color:'#333',
			'text-align':'center',
			opacity: '.10',
			filter: 'alpha(opacity=10)',
			padding: '10px 10px 10px 10px'
		});

		jQuery('#dowff a').css({
			color:'#ff0000'
		});
	
	}

	if (jQuery.browser.msie  && /MSIE 6\.0/i.test(window.navigator.userAgent) && !/MSIE 7\.0/i.test(window.navigator.userAgent)) {
				jQuery('#dowff').css({
			position:'absolute',
			width:400,
			top:'20%'
		});
	}

	jQuery('#dowff').hover(function() {
		jQuery('#dowff').stop().animate({opacity: "1"}, 500)
		return false;
	},
	function() {
		jQuery('#dowff').stop().animate({opacity: "0.1"}, 500)
		return false;
	});



	//Шапка



	jQuery('#tops, #topSearch, #nav').animate({opacity: "0.2"}, 1400)
	.animate({opacity: "1"}, 4000)
	.animate({opacity: "0.2", height: "18"}, 1000);
	

	jQuery('#tops').hover(function(){
		jQuery('#tops, #topSearch, #nav').stop().animate({opacity: "1", height: "64"}, 600).css({overflow:'visible'});

	},function(){
		jQuery('#tops, #topSearch, #nav').stop().animate({opacity: "0.2", height: "18"}, 600).css({overflow:'visible'})
	});
	
	

	// форма поиска
	jQuery('.fields input').focus(function() {
		jQuery('#overlayw').animate({opacity: 'show'}, 500);
	})

	jQuery('.fields input').blur(function() {
		jQuery('#overlayw').animate({opacity: 'hide'}, 500);
	})


	//подложка и уголки
	jQuery('.box1').corner("24px");


	jQuery('.box1, #comments, ol.commentlist li').hover(function(){
		jQuery(this).stop().animate({opacity: "0.95"}, 500)

	},function(){
		jQuery(this).stop().animate({opacity: "0.6"}, 500)
	})


	//картинки
	jQuery('#portfolio img').animate({opacity:0.7}, 6000);

	jQuery('#portfolio img').hover(function(){
		jQuery(this).stop().animate({opacity:1}, 200)},
		function(){
			jQuery(this).animate({opacity:0.7}, 300)
		});

		//формы подсказки

		jQuery('#author').hover(function() {
			jQuery(".stat2, .stat3").hide();
			jQuery(".stat1").fadeIn(300);
		}, function() {
			jQuery('.stat1').fadeOut(200);
		});

		jQuery('#email').hover(function() {
			jQuery(".stat1, .stat3").hide();
			jQuery(".stat2").fadeIn(300);
		}, function() {
			jQuery('.stat2').fadeOut(200);
		});

		jQuery('#url').hover(function() {
			jQuery(".stat1, .stat2").hide();
			jQuery(".stat3").fadeIn(300);
		}, function() {
			jQuery('.stat3').fadeOut(200);
		});

		
		
		// focus для полей
	
		jQuery('#author').focus(
		function() {
			if (jQuery(this).val() == 'Введите имя...') {
				jQuery(this).val('');
			}
		}
				)
		.blur(
		function() {
			if (jQuery(this).val() == '') {
				jQuery(this).val('Введите имя...');
			}
		}
		);
		
		
		
		
		jQuery('#email').focus(
		function() {
			if (jQuery(this).val() == 'Введите email...') {
				jQuery(this).val('');
			}
		}
				)
		.blur(
		function() {
			if (jQuery(this).val() == '') {
				jQuery(this).val('Введите email...');
			}
		}
		);
		
		
		
		
		jQuery('#url').focus(
		function() {
			if (jQuery(this).val() == 'Введите блог...') {
				jQuery(this).val('');
			}
		}
				)
		.blur(
		function() {
			if (jQuery(this).val() == '') {
				jQuery(this).val('Введите блог...');
			}
		}
		);
	});