-
12 ДЕК 20140
-
11 ДЕК 20140
-
10 ДЕК 20140
JS движущийся блок противоположно курсору
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body id="b_sh" style="background:#eee; position:relative;">
<div
style="
position:absolute;
font-size:90px;
top:100px;
left:200px;
padding:20px;
background:#fff;
width:200px;
height:200px;
"
>
1
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$('body').mousemove(function(e){
var amountMovedX = (e.pageX * +11 / 60)-33;
var amountMovedY = (e.pageY * +11 / 60)-30;
$('#b_sh').css('bottom', amountMovedY + 'px');
$('#b_sh').css('right', amountMovedX + 'px');
});
</script>
</body>
</html>
http://jsfiddle.net/n78jkhdp/ -
09 ДЕК 20140
Вывод динамической даты и времени на jQuery + momentjs
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://cdn.jsdelivr.net/momentjs/2.8.4/moment.min.js"></script>
<script>
function update() {
$("#today_date").text(moment().format('DD.MM.YYYY H:mm:ss'));
var now = moment(),
second = now.seconds() * 6,
minute = now.minutes() * 6 + second / 60,
hour = ((now.hours() % 12) / 12) * 360 + 90 + minute / 12;
}
function timedUpdate() {
update();
setTimeout(timedUpdate, 1000);
}
timedUpdate();
</script>
<h1 id="today_date"></h1> -
28 НОЯ 20140
-
26 НОЯ 20140
-
25 НОЯ 20140
-
24 НОЯ 20140
Категории:
Оставить на заметку в: