for(let i = 0; i < $('ul').length ;i++) {
$('ul').eq(i).find('.active')
}
function setNewBlockContent(source, target) {
target.html(source.html());
}
$('._новый_класс_блока').on('mouseover', function() {
setNewBlockContent($(this), $('#text'));
});
$('._новый_класс_блока').on('mouseover', function() {
setNewBlockContent($(this), $('#_новый_айди_блока_для_вывода'));
});
@font-face {
font-family: 'cmr';
src: url('Montserrat-Regular?#iefix') format('embedded-opentype'), url('Montserrat-Regular.otf') format('opentype'),
url('Montserrat-Regular.woff') format('woff'), url('Montserrat-Regular.ttf') format('truetype'), url('Montserrat-Regular.svg#StandardCTStencil-Bold') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'ssb';
src: url('StandardCTStencil-Bold.eot?#iefix') format('embedded-opentype'), url('StandardCTStencil-Bold.otf') format('opentype'),
url('StandardCTStencil-Bold.woff') format('woff'), url('StandardCTStencil-Bold.ttf') format('truetype'), url('StandardCTStencil-Bold.svg#StandardCTStencil-Bold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'tds';
src: url('Tele2DisplaySerif-Bold.eot?#iefix') format('embedded-opentype'), url('Tele2DisplaySerif-Bold.otf') format('opentype'),
url('Tele2DisplaySerif-Bold.woff') format('woff'), url('Tele2DisplaySerif-Bold.ttf') format('truetype'), url('Tele2DisplaySerif-Bold.svg#Tele2DisplaySerif-Bold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'tds';
src: url('Tele2DisplaySerif-Regular.eot?#iefix') format('embedded-opentype'), url('Tele2DisplaySerif-Regular.otf') format('opentype'),
url('Tele2DisplaySerif-Regular.woff') format('woff'), url('Tele2DisplaySerif-Regular.ttf') format('truetype'), url('Tele2DisplaySerif-Regular.svg#Tele2DisplaySerif-Regular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'tts';
src: url('Tele2TextSans-Bold.eot?#iefix') format('embedded-opentype'), url('Tele2TextSans-Bold.otf') format('opentype'),
url('Tele2TextSans-Bold.woff') format('woff'), url('Tele2TextSans-Bold.ttf') format('truetype'), url('Tele2TextSans-Bold.svg#Tele2TextSans-Bold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'tts';
src: url('Tele2TextSans-Regular.eot?#iefix') format('embedded-opentype'), url('Tele2TextSans-Regular.otf') format('opentype'),
url('Tele2TextSans-Regular.woff') format('woff'), url('Tele2TextSans-Regular.ttf') format('truetype'), url('Tele2TextSans-Regular.svg#Tele2TextSans-Regular') format('svg');
font-weight: 400;
font-style: normal;
}
function setResultText() {
var winScroll = $(window).scrollTop(),
topMargin = 101,
$resultBlock = $('.result'),
$elements = $('.element.name'),
elemsLen = $elements.length;
for (var i = 0; i < elemsLen; i++) {
var $theElem = $elements.eq(i),
elemOffset = $theElem.offset().top,
elemText = $theElem.html();
if (i > 0) {
topMargin = 39;
}
if (elemOffset < winScroll + topMargin) {
$resultBlock.html(elemText);
}
}
}
$(window).on('scroll', function() {
setResultText();
});
$(function() {
setResultText();
});
$(window).on('scroll', function() {
var winScroll = $(window).scrollTop(),
topMargin = 101,
$resultBlock = $('.result');
$('.element.name').each(function() {
var $elemName = $(this),
elemOffset = $elemName.offset().top,
elemText = $elemName.html();
if (elemOffset < winScroll + topMargin) {
$resultBlock.html(elemText);
}
});
});
* {font-family: famly !important;}
, или сам тег будет выглядеть так: