$(function() {
var images = [{
class: "first-img", // Класс
timeout: 2000 // Задержка для класса
}, {
class: "second-img",
timeout: 5000
}, {
class: "third-img",
timeout: 3000
}],
i = 0,
timeout;
function changeBackground() {
clearTimeout(timeout);
$('body').removeClass().addClass(function() {
if (i >= images.length)
i = 0;
timeout = setTimeout(changeBackground, images[i].timeout);
return images[i++].class;
});
}
changeBackground();
});<div id="welcomeimage" class="row">
<img class="img-responsive" src="http://practicana.com/img/background-02.jpg">
<div id="my_text_id" class="container">
Practicana
</div>
</div>img {
width: 300px;
height: 300px;
}
#welcomeimage {
position: relative;
width: 300px;
height: 300px;
}
#my_text_id {
width: 100%;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}$(function() {
var mask = "op-";
$("div[class*=" + mask + "]").on("click", function() {
var classes = $(this).attr("class").split(" "),
className = "";
for (var i = 0; i < classes.length; i++) {
if (classes[i].indexOf(mask) !== -1) {
className = classes[i].replace(mask, "");
return;
}
}
console.log(className); // Остаток имени после маски
});
});$(function() {
var textArea = $("#you_textarea_id"),
button = $("#you_button_id");
button.on("click", function() {
textArea.val($(this).attr("title"));
});
});$(function() {
var button = $("#you_button_id"),
modal = $("#you_modal");
// При клике ставим модальному окну дата атрбут с тайтлом кнопки
button.on("click", function() {
modal.data("button-title", $(this).attr("title"));
});
// При откритие модального окна берем дата атрибут
// и ставим его в поле ввода
modal.on('shown.bs.modal', function (e) {
var textArea = $("#you_text_area"),
title = $(this).data("button-title");
textArea.val(title);
})
});$('#icon:before').css({
'content': "url('../image/search-2.svg')";
});google.maps.event.addListener(marker, 'dragend', function(e) {
console.log(e.latLng); // Координаты маркера
});$(function() {
var allElements = $("body *"),
elementsStyles = [];
for (var i = 0; i < allElements.length; i++) {
elementsStyles.push({
element: allElements[i],
styles: getComputedStyle(allElements[i], null)
});
}
console.log(elementsStyles);
});elementsStyles[index].styles[styleName]
[[ custom() ]] - будет так для ангулара.app.config(function($interpolateProvider) {
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
});