Պարող jQuery պիտակներ Blogger-ում
Հերթական հետաքրքիր կոդը JQuery-ի կողմից: Ինչպես և նախորդ նյութը, այս նյութը ևս վերաբերվում է Blogger-ում առկա պիտակներին: Նախորդ նյութում Ձեզ ներկայացրեցի մի կոդ, որը տեղադրելուց հետո, բոլգի պիտակները կազմում են փոքրիկ ամպ և սկսում են պտտվել: Այս անգամ կոդը տեղադրելուց հետո պիտակները չեն պտտվի, այլ երբ մկնիկի սլքաը կպահենք նրանց վրա, նրանք կշարժվեն դեպի աջ և կակտիվանան:
Եվ այսպես, սկսենք տեղադրել «հրաշք» կոդը: Նախքան տեղադրելը անպայման կրկնօրինակեք բլոգը:Իսկ թե ինչպես դա անել, կարող եք կարդալ այս նյութում:
Ավելացնում ենք Css կոդը: Մուտք են գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета):Կոդը ավելացնելու համար փորձում ենք գտնել՝ </head> կոդը և նրա անմիջապես վերևում ավելացնում ենք ներքևի կոդը:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>
Posted by Hayk
on 09:06.
Filed under
BAREV AXPER.ETE DJVAR CHI ASA VONC KARAM IMANAM TE VOR SAYTIC EN COPY ANUM IM SAYTIC ES GITEM VOR INCHVOR DEV KA
Այսինքն? :i
:l