rodan888

SVG Bubble Slider

A dynamic menu I've built that can be used with either icons or text for the slider bubbles.

This one is a fun emoticon rating slider - you can drag and throw or just click to show how you feel.

A Pen by Chris Gannon on CodePen.

License.

rodan888

#Правила синтаксиса
#Одна строчка - одно правило,
#Пустые строки игнорируются,
#Комментарии доступны через решётку(#) в начале строки,
#Символ "/" в начале строки указывает, что правило применяется только к файлам и папкам, которые располагаются в той же папке, что #и сам файл .gitignore,
#Доступно использовать спецсимволы: звёздочка(*) заменяет любое количество символов(ноль или больше), вопросик(?) заменяет от нуля #до одного символа. Можно размещать в любом месте правила,
#Две звёздочки(**) используются для указания любого количества поддиректорий, подробнее смотри ниже в примерах,
#Восклицательный знак(!) в начале строки означает инвертирование правила, необходим для указания исключений из правил #игнорирования,
#Символ "\" используется для экранирования спецсимволов, например, чтобы игнорировать файл с именем "!readme!.txt", нужно написать #такое правило: "\!readme!.txt",
#Для игнорирования всей директории, правило должно оканчиваться на слэш(/), в противном случае правило считается именем файла.

rodan888

function ajaxScroll(){
	var progress  = false,				
			paged     = 1;

	jQuery(window).bind('load scroll', function() {		
		var scrl      = jQuery(this).scrollTop(),
				docHeight = jQuery(document).height(),
		    winHeight = jQuery(this).height();				  

rodan888

            <div class="map single" 
						    data-lat="50.4474124" 
						    data-lng="30.4330604" 
						    data-zoom="14" 
						    data-marker="img/marker.png">
						</div>	
						
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>						

rodan888

var parrlax = {
	translate: function(el,scroll,speed){
		if(scroll > el.offset().top - $(window).height()){
			thisScroll = scroll - el.offset().top;
			el.css({
				'transform': 'translateY('+ thisScroll/speed +'px)',
				'-webkit-transform': 'translateY('+ thisScroll/speed +'px)'
			});
		}
	},

rodan888

var pageScroll = {
	itemAc: $('nav ul li,menu ul li'),
	addClas: function(el){
		pageScroll.itemAc.removeClass('active');
		$(el).addClass('active');		
	},
	init: function(){
		pageScroll.itemAc.on('click',function(){		
			pageScroll.addClas(this);			
			var pos = $($(this).attr('data-id')).offset().top;

rodan888

function scrollBut(){
	$('<button type="button" class="up">&#9650;</button>').appendTo('body');
	var up = $('.up');
	up.css({
		position: 'fixed',
		border: 'none',			
		bottom: '20px',
		left: '0',
		display: 'none',
		width: '50px',

rodan888

function parBg(){
	$(window).scroll(function(){
		var winPos = $(window).scrollTop();
		var $this = $('.bg_par');		

		if ($(window).scrollTop() > main.height) {
			$this.css({
				backgroundPositionY:  (winPos - main.height)*0.6 + 'px'
			});
		}else{

rodan888

(function () {
	var app;
	$(document).ready(function () {
		return app.init();
	});
	app = {
		text: $('some DOM element').text(),
		index: 0,
		chars: 0,
		speed: 100,

rodan888

	slideShow();

function slideShow(){
	var current = $('#photos .show');
	var autoHeight = current.next().height();
	console.log(autoHeight);	
	var next = current.next().length ? current.next() : 
	current.siblings().first();

	current.fadeOut(1000).removeClass('show');