var canvas = document.getElementById("myCanvas"),
context = canvas.getContext("2d");
var img = new Image();
var imgT = new Image();
var loaded = 0;
img.src = "https://img.rosbalt.ru/photobank/1/c/a/0/Z8X2VMCx.jpg";
imgT.src = "http://zabavnik.club/wp-content/uploads/background_html_1_16082041.jpg"
imgT.onload = img.onload = function() {
if(++loaded == 2)
draw();
};
function draw(){
context.drawImage(imgT, 300, 400,200,200);
context.drawImage(img, 0, 0);
console.log(canvas.toDataURL());
}
$("li").on("click", function() {
var $myLi = $(this);
var listHeight = $("ul").innerHeight();
var elemHeight = $myLi.height();
var elemTop = $myLi.position().top;
var moveDown = elemHeight;
var moveUp = (listHeight - elemTop - moveDown);
var liId = $myLi.attr("id");
var enough = false;
var liHtml = $myLi.outerHTML();
$($("li").get().reverse()).each(function() {
if ($(this).attr("id") == liId) {
return false;
}
$(this).animate({"top": '-=' + moveDown}, 1000);
});
$myLi.animate({"top": '+=' + moveUp}, 1000, function() {
$myLi.remove();
var oldHtml = $("ul").html();
$("ul").html(oldHtml + liHtml );
$("li").attr("style", "");
});
});
(function($) {
$.fn.outerHTML = function() {
return $(this).clone().wrap('<div></div>').parent().html();
}
})(jQuery);
@keyframes text-move {
0% {
left: 0;
top: 0;
}
33.3% {
left: 0;
top: 100px;
}
66.3% {
left: 100px;
top: 100px;
}
100% {
left: 100px;
top: 0;
}
}
$(function(){
$("#sel").change(function(){
$("#BNBUSDT,#MANABTC,#MANAETH,#BNBBTC").css("display","none");
$("#"+$(this).val()).css("display","block");
});
});
window.onload = () =>{
document.all.sel.onchange =(e) => {
document.querySelectorAll("#BNBUSDT,#MANABTC,#MANAETH,#BNBBTC").forEach((e) =>{
e.style.display = "none";
});
document.querySelector("#"+e.srcElement.value).style.display = "block";
};
}
<?PHP
$tmp = array_chunk($service_list,3);
foreach($tmp as $k => $v){
echo '<ul class="service_list">';
foreach($v as $row => $list_items)
echo "<li>$list_items[item] </li>";
echo '</ul>';
}
?>
function getDays(timestamp){
var days = Math.floor((Date.now() - timestamp)/(1000*60*60*24));
if(days % 10 == 1)
days += " день назад";
else if(days % 10 == 2 || days % 10 == 3 || days % 10 == 4)
days += " дня назад";
else
days += " дней назад";
return days;
}
alert(getDays(Date.now() - 1000*60*60*24*21));//21 день назад