افکت دار نمودن عناصرصفحه

[tamafi6]

67 نمونه افکت برای عناصرصفحه ساخته شده با استفاده از css3 باافزودن id="animateTest" به هرعنصرازصفحه وافزودن تکه کدجاوااسکریپت زیربه انتهای صفحه


(function() {
$(function() {
var resetTest;
resetTest = function() {
return $('#animateTest').removeClass().addClass('large asphalt animated').text('I do awesome things.');
};
return $('body').on('click', '[data-test]', function(e) {
var _this = this;
resetTest();
clearTimeout(window.reset);
$('#animateTest').removeClass().addClass('large asphalt animated ' + $(this).attr('data-test')).text('I ' + $(this).attr('data-test') + '.');
return window.reset = setTimeout(function() {
return resetTest();
}, $(this).attr('data-timing') || 1300);
});
});
}).call(this);
واختصاص دادن کلاس افکت موردنظربه لینک وتگ موردنظر میتوان عناصرصفحه راافکت دار نمود مانندنمونه زیر


<button data-test="flash">flash</button>
ازلینک زیرمیتوان استایل هاراکپی نمود

Demo (http://pacifist.xzn.ir/home/2/)