изменения тени

@Т.Н.В. · Регистрация: 08.06.2011

Студворк — интернет-сервис помощи студентам

Добрый времени суток. Меня интересует можно ли вот данный код

CSS
1
box-shadow: 0 0 30px rgba(204,51,204,5);

с помощью qjuery сделать чтобы через определенное количество времени он менял размер или цвет ну и тд и тп.
Если можно то помогите не разу не пользовался qjuery.

@ask66 · 29.01.2013, 20:16

JavaScript
1
setTimeout(function(){$('div').css({box-shadow: "0 0 50px rgba(204,51,204,5)"})}, 3000);

На место $('div') вписываете свой элемент. 3000 задержка в милисекундах

@Mullih · 29.01.2013, 20:34

Сообщение от ask66

JavaScript
1
setTimeout(function(){$('div').css({box-shadow: "0 0 50px rgba(204,51,204,5)"})}, 3000);

На место $('div') вписываете свой элемент. 3000 задержка в милисекундах

вас же просили с помощью jQuery а вы без фрейморка задержку сделали. (шутка)

а по делу можно еще с помощью delay, привожу в качестве альтернативы, setTimeout в данном случае больше подходит

JavaScript
1
2
3
jQuery(function ($) {
    $('div').delay(3000).animate({ cap: 0 }, 0, function () { $(this).css({ 'box-shadow': "0 0 50px rgba(204,51,204,5)" }) });
});

@Soldado · 29.01.2013, 20:44

Вот так ещё можно демо-страница и код целяком:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
  <head>
    <title>box-shadow</title>
    
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />    
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
 
 <script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){$('#block').css({boxShadow: "0 0 30px rgba(66,51,204,5)"})}, 3000);//3000 милисекунд
             
 });/*end  ready*/
 </script>
<style>
#block{
width:200px;
height:120px;
background-color:#ced2cc;
border: 2px solid #b6b9be;
box-shadow: 0 0 30px #dc6db8;
cursor: pointer;
}
 
</style>    
  </head>
  <body style="padding:180px;">
 
<div id="block">Тень изменится через 3 секунды</div>   
 
  </body>
</html>

Можно сделать плавную смену при наведении: демо-страница

Новые блоги и статьи Все статьи Все блоги /
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .