const itemRef = document.querySelector('.item')
let move = (e) => {
const x = e.offsetX
itemRef.animate([{
transform: `scale(1.6) rotate(${x}deg)`,
}], {duration: 1000, fill: 'forwards'})
}
itemRef.addEventListener('mouseleave', (e) => {
itemRef.removeEventListener('mousemove', move)
itemRef.animate([{
transform: 'none',
}], {duration: 1000, fill: 'forwards'})
})
itemRef.addEventListener('mouseenter', (e) => {
itemRef.addEventListener('mousemove', move)
})
function getItem($title, $url, $img) {
return '<div class="item">
<div class="blogodel">
<a href="'.trim($url).'" onClick="_gaq.push([\'_trackEvent\', \'Test1.Click\', \'Click\', \'Test1\']);">
<img src="'.trim($img).'" alt=""><div class="desc"><strong>★ ★ ★ ★ ☆</strong> Played: 95741236 times</div>
'.trim($title).'
</a>
</div></div>';
}
(function($){
// Количество секунд в каждом временном отрезке
var days = 24*60*60,
hours = 60*60,
minutes = 60;
$.fn.timer = function(callback){
callback = callback ? callback : function(){}
return new $.ctimer(this, callback);
}
$.ctimer = function(element, callback) {
callback = callback || function(){}
var secs = parseInt(element.html());
function tick(){
// Осталось дней
var sec = secs;
var d = Math.floor(sec / days);
sec -= d*days;
// Осталось часов
var h = Math.floor(sec / hours);
sec -= h*hours;
// Осталось минут
var m = Math.floor(sec / minutes);
sec -= m*minutes;
// Осталось секунд
var s = sec;
h = (h+"").length<2 ? "0"+h : h;
m = (m+"").length<2 ? "0"+m : m;
s = (s+"").length<2 ? "0"+s : s;
if(secs==0){
element.html(null);
callback();
return false;
}
secs--;
element.html(d+" дн. "+h+":"+m+":"+s);
setTimeout(tick, 1000);
}
tick();
}
})(jQuery);
comlib.GetMessages = function(callback)
{
$.ajax
({
url: "get_messages.php",
type: 'get',
success: function( data )
{
callback(data);
}
});
}
comlib.GetMessages(function(data){
console.info(data); // выведет ответ Ajax
})