Показать сообщение отдельно
  #2 (permalink)  
Старый 01.07.2017, 16:22
Новичок на форуме
Отправить личное сообщение для skylink67 Посмотреть профиль Найти все сообщения от skylink67
 
Регистрация: 01.07.2017
Сообщений: 9

Вторая часть скрипта
<h2 class="acc_trigger"><a href="#"><span style="color: rgb(238, 29, 36);"><span style="font-size: 20px;"><strong>POWERBANK</strong></span></span></a></h2>
    <div class="acc_container">
        <div class="block">
<p><ul>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Совместимость: Подходит для любых гаджетов,&nbsp;</span></span>
		</span><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">заряжающихся от USB</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Индикация уровня заряда: Есть</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Емкость аккумулятора: 2600 мАч</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Ток на выходе: 1 А</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Напряжение на выходе: 5 В</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Цвет: Черный</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Размеры: 90.7х31х22 мм</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Вес: 65 г</span></span>
		</span>
	</li>
	<li><span style="color: rgb(0, 0, 0);"><span style="font-size: 18px;"><span style="font-family: Arial;">Гарантия: 12 месяцев</span></span>
		</span>
	</li>
</ul>
</p>
        </div>
    </div>
	
	<h2 class="acc_trigger"><a href="#"><span style="color: rgb(238, 29, 36);"><span style="font-size: 20px;"><strong>КАРТА ПАМЯТИ</strong></span></span></a></h2>
    <div class="acc_container">
        <div class="block">
<p><ul>
	<li><span style="font-size: 18px;">Тип: MicroSDHC</span></li>
	<li><span style="font-size: 18px;">Объем памяти: 16 Гб</span></li>
	<li><span style="font-size: 18px;">Максимальная скорость записи: 10 Мбайт/с</span></li>
	<li><span style="font-size: 18px;">Максимальная скорость чтения: 45 Мбайт/с</span></li>
	<li><span style="font-size: 18px;">Цвет: Черный</span></li>
	<li><span style="font-size: 18px;">Вес: 9 г</span></li>
	<li><span style="font-size: 18px;">Гарантия: 12 месяцев</span></li>
</ul>
</p>
        </div>
    </div>
</div><!--конец container-->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
// Ion.Zoom
// version 1.2.63
// [url]http://ionden.com/a/plugins/ion.zoom/[/url]
(function(c){var C=0,d;d='<div class="ion-zoom-preloader"></div><div class="ion-zoom-image"><div class="ion-zoom-close"><div></div></div>';d+='<div class="ion-zoom-prev"><div></div></div>';d+='<div class="ion-zoom-next"><div></div></div>';d+="</div>";var D=c(document.body),x=c(window),y,g,E,F;D.append(d);y=c("div.ion-zoom-preloader");g=c("div.ion-zoom-image");E=c("div.ion-zoom-prev");F=c("div.ion-zoom-next");var r=[],z=!1,G=0,j={init:function(k){var h=this;if(!h.data("isActive")){this.pluginCount=
C+=1;r[this.pluginCount]=this;var d=c.extend({visibleControls:!0},k);h.each(function(a){c(this).data("isActive",!0).data("iznum",a)});var l=!1,p=!1,j=h.length,s,t,b={},e=0,u,v,f,w,n;this.closeZoom=function(a){m(!1,a)};var J=function(){g.on("click",function(){m()});d.visibleControls&&(E.on("click",function(a){a.stopPropagation();l&&!p&&H()}),F.on("click",function(a){a.stopPropagation();l&&!p&&I()}))},m=function(a,g){a?A(b.x,b.y,b.w,b.h,!0,!0,g):A(b.x,b.y,b.w,b.h,!0,!1,g)},H=function(){e-=1;var a=h.eq(e);
a.length||(e=j-1,a=h.eq(j-1));w=a;v=a.prop("href");m(!0)},I=function(){e+=1;var a=h.eq(e);a.length||(e=0,a=h.eq(0));w=a;v=a.prop("href");m(!0)},B=function(){var a=parseInt(f.css("border-left-width")),d=parseInt(f.css("padding-left")),c=parseInt(f.children("img").css("border-left-width")),k=parseInt(f.children("img").css("padding-left")),a=a+d,c=c+k;b={x:f.offset().left+a+c,y:f.offset().top+a+c,w:f.width()-2*c,h:f.height()-2*c};c=b.x+b.w/2;y.css("top",b.y+b.h/2).css("left",c);g.append('<img src="'+
u+'" />');n=g.children("img");n.on("load",function(){s=n.width();t=n.height();y.css("top","-9999px").css("left","-9999px");n.width(b.w).height(b.h);g.width(b.w).height(b.h);g.css("left",b.x).css("top",b.y);var a=x.innerWidth()-40,c=x.innerHeight()-40,d=x.scrollTop(),k=t/s,f=b.x+b.w/2-s/2,h=b.y+b.h/2-t/2,e=s,q=t;e>a&&(e=a,q=a*k,f=b.x+b.w/2-e/2);q>c&&(q=c,e=c/k,f=b.x+b.w/2-e/2);f+e>a&&(f=a-e-20);h+q>20+d+c&&(h=d+c-q);20>f&&(f=20);h<d+20&&(h=d+20);A(f,h,e,q,!1,!1)})},A=function(a,b,c,e,k,m,j){p=!0;g.removeClass("isOpen");
d.visibleControls||g.removeClass("noControls");g.stop().animate({left:a,top:b,width:c,height:e},{step:function(a,b){"width"===b.prop&&n.width(a+"px");"height"===b.prop&&n.height(a+"px")},duration:300,complete:function(){k?(g.css("top","-9999px").css("left","-9999px"),g.width("0px").height("0px"),g.children("img").remove(),z=l=!1,m&&(f=w,u=v,B()),j&&j()):(g.addClass("isOpen"),d.visibleControls||g.addClass("noControls"),l=z=!0,G=h.pluginCount);p=!1}})};h.on("click",function(a){a.preventDefault();var b=
c(this);e=b.data("iznum");l?(w=b,v=b.prop("href"),m(!0)):z?r[G].closeZoom(function(){f=b;u=b.prop("href");J();B()}):(f=b,u=b.prop("href"),J(),B())});D.on("keydown",function(a){27===a.which&&l&&m();37===a.which&&(l&&!p)&&H();39===a.which&&(l&&!p)&&I()})}},close:function(){for(var c=1;c<r.length;c++)r[c].closeZoom()}};c.fn.ionZoom=function(d){if(j[d])return j[d].apply(this,Array.prototype.slice.call(arguments,1));if("object"===typeof d||!d)return j.init.apply(this,arguments);c.error("Method "+d+" does not exist for jQuery.ionZoom")}})(jQuery);
</script>
<script type="text/javascript">

( function( $ ) {							
											// Запускаем скрипт увеличения картинки
$(".gallery").ionZoom({
    visibleControls: false                  // Отключает визуальные элементы управления
});	


$( document ).ready(function() {			// Действие по готовности браузера

	

$('a.gallery>img').each(function(index) {	// Перебираем все ссылки с классом gallery
    $(this).after('<div>'+$(this).attr('alt')+'</div>'); // Добавляем div контейнер и вставляем в него содержимое alt
  });

// Вкладки в контенте
$('ul.tabs li').css('cursor', 'pointer');  
$('ul.tabs.tabs1 li').click(function(){  
  var thisClass = this.className.slice(0,2);  
  $('div.t1').hide();  
  $('div.t2').hide();  
  $('div.t3').hide();  
  $('div.t4').hide();  
  $('div.t5').hide();
  $('div.' + thisClass).show();  
  $('ul.tabs.tabs1 li').removeClass('tab-current');  
  $(this).addClass('tab-current');  
  });
	
//Аккордеон в контенте
$('.acc_container').hide(); //Скрыть, закрыть все контейнеры
$('.acc_trigger:first').addClass('active').next().show(); //Добавить "active" класс к 1 триггеру
$('.acc_trigger').click(function(){		//Событие при клике
	if( $(this).next().is(':hidden') ) { //Если следующий контейнер закрыт
		$('.acc_trigger').removeClass('active').next().slideUp(); //Очистка всех .acc_trigger классов и закрытие контейнеров
		$(this).toggleClass('active').next().slideDown(); //Открываем контейнер, по которому сработал клик
	} else {
	}
	return false; // Запрещаем браузеру переходить по ссылке
});
$('.ac_container').hide(); //Скрыть, закрыть все контейнеры
$('.ac_trigger:first').addClass('active').next().show(); //Добавить "active" класс к 1 триггеру
$('.ac_trigger>a').click(function(){		//Событие при клике
	if( $(this).next().is(':hidden') ) { ////Если следующий контейнер закрыт
		$('.ac_trigger').removeClass('active').next().slideUp(); //Очистка всех .acc_trigger классов и закрытие контейнеров
		$(this).toggleClass('active').next().slideDown(); //Открываем контейнер, по которому сработал клик
	}
	return false; //Запрещаем браузеру переходить по ссылке
});
});
} )( jQuery )
</script>
Ответить с цитированием