JavaScript
17
Вклад в тег
SELECT *
FROM `products`
ORDER BY `position` DESC, `id` ASC
LIMIT 800 , 38// Добавление link
$link = $('<link/>', {
rel: 'stylesheet',
href: 'путь...'
}).appendTo('head');
// Немного позже удаление ранее созданного link
$link.remove();body, а новое оформление задавать в том же файле стилей, но добавив к селекторам body.новыйКласс:<html>
<head>
<script src="js/jquery.js"></script>
<style>
.content { color: black; } /* Обычное оформление */
body.otherStyle .content { color: red; } /* Новое оформление */
</style>
</head>
<body>
<div class="content">Lorem ipsum</div>
<button id="button">Поменять всё</button>
<script>
$('#button').click(function(event) {
// Нажатие кнопки будет добавлять класс, если его нет, и удалять его, если есть, тем самым включая/выключая другое оформление
$('body').toggleClass('otherStyle');
event.preventDefault();
});
</script>
</body>
</html><div class="block">
<img class="image">
</div>.block {
position: relative;
overflow: visible;
}
.block .image {
position: absolute;
top: -100px;
right: 200px;
}<div class="block">
<img class="image">
</div>.block {
overflow: visible;
}
.block .image {
display: inline-block;
margin-top: -100px;
margin-bottom: -100px;
}.block .image {
position: absolute;
width: 300px;
top: -100px;
right: 200px;
}
@media (max-width: 800px) {
.block .image {
width: 200px;
top: -50px;
right: 50px;
}
}
Сложный
