Записи

<table width="400" cellspacing="10" cellpadding="10" align="center" class="colorborder">
 <tr><td>
<svg width="400" height="240" style="background:#FFF5D7;">
 <path id="effect_shape1" d="M300 50 Q160 20 240 100 T320 100 300 50 Z" fill="#0094FF00" stroke="#FF6A0077" stroke-width="2"/>
 <path id="effect_shape2" d="M300 50 Q160 20 240 100 T320 100 300 50 Z" fill="#00FF9400" stroke="#6AFF0077" stroke-width="2"/>
 <path id="effect_shape3" d="M300 50 Q160 20 240 100 T320 100 300 50 Z" fill="#FF009400" stroke="#6A00FF77" stroke-width="2"/>
</svg>
</td></tr>
</table>

<script>
var v105timer = setInterval(v105Anim, 100);
var v105timertag = 100;
var v105timertagstep = 100;
var v105coordsg1 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords1g1 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords2g1 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coordsg2 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords1g2 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords2g2 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coordsg3 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords1g3 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords2g3 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
function v105Anim() {
v105timertag ++; if (v105timertag > v105timertagstep) v105timertag = 0;
 for (var i = 0; i < 12; i=i+1) {
 v105coordsg1[i] = v105coordsg1[i] + ((v105coords2g1[i] - v105coords1g1[i]) / v105timertagstep);
 v105coordsg2[i] = v105coordsg2[i] + ((v105coords2g2[i] - v105coords1g2[i]) / v105timertagstep);
 v105coordsg3[i] = v105coordsg3[i] + ((v105coords2g3[i] - v105coords1g3[i]) / v105timertagstep);
 }
 if (v105timertag === v105timertagstep) {
 for (var i = 0; i < 12; i=i+1) {
 v105coords1g1[i] = v105coordsg1[i];
 v105coords1g2[i] = v105coordsg2[i];
 v105coords1g3[i] = v105coordsg3[i];
 } 
 }
 if (v105timertag === 0) {
 v105menaClick();
 }
////////
 var v105d = "M"; 
 for (var i=2; i<v105coordsg1.length-2; i+=2){
 if (i === 4) { v105d += "Q"; }
 else if (i === 8 ) { v105d += "T"; }
 v105d += " " + v105coordsg1[i] + " " + v105coordsg1[i+1];
 }
 v105d += " " + v105coordsg1[2] + " " + v105coordsg1[2+1];
 effect_shape1.setAttributeNS(null, "d", v105d); 
////////
 v105d = "M"; 
 for (var i=2; i<v105coordsg2.length-2; i+=2){
 if (i === 4) { v105d += "Q"; }
 else if (i === 8 ) { v105d += "T"; }
 v105d += " " + v105coordsg2[i] + " " + v105coordsg2[i+1];
 }
 v105d += " " + v105coordsg2[2] + " " + v105coordsg2[2+1];
 effect_shape2.setAttributeNS(null, "d", v105d); 
////////
 v105d = "M"; 
 for (var i=2; i<v105coordsg3.length-2; i+=2){
 if (i === 4) { v105d += "Q"; }
 else if (i === 8 ) { v105d += "T"; }
 v105d += " " + v105coordsg3[i] + " " + v105coordsg3[i+1];
 }
 v105d += " " + v105coordsg3[2] + " " + v105coordsg3[2+1];
 effect_shape3.setAttributeNS(null, "d", v105d); 
}

function v105menaClick() {
for (var i = 0; i < 12; i=i+2) {
v105coords2g1[i] = getRandomInt(50, 300);
v105coords2g1[i+1] = getRandomInt(50, 200);
v105coords2g2[i] = getRandomInt(50, 300);
v105coords2g2[i+1] = getRandomInt(50, 200);
v105coords2g3[i] = getRandomInt(50, 300);
v105coords2g3[i+1] = getRandomInt(50, 200);
}
}

function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
} 
</script>