Как добавить мигающий эффект для динамически генерируемого div
Мне нужно добавить эффект спонтанного мигания по умолчанию (без нажатия на div) к динамически генерируемым div, указанным в ссылке ниже.
Демо-версия:http://jsfiddle.net/ramapriya/xeYnv/1/
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
}
var columns = 40,
container = $("#container"),
width = (100 / columns);
$("head").append(".col { width: " + width + "%;} .row { height: " + width + "% }");
for (var ii = 0; ii < columns; ii++) {
var $row = $("", {
class: "row"
});
container.append($row);
for (var i = 0; i < columns; i++) {
var $col = $("", {
class: "col",
style: "background: " + get_random_color() + ";",
id: ii + "-" + i
});
$row.append($col);
}
}
$("div.col").click(function() {
alert(this.id + " " + $(this).html());
});
#container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.col {
display: inline-block;
outline: 1px solid purple;
overflow: hidden;
height: 100%;
}