Դեպի վեր անհետացող կոճակ
Այս կոճակը տարբերվում է նրանով,երբ գտվում եք էջի ամենա վերևի մասում այս կոճակը անհետանում է:
Մուտք են գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон > Изменить HTML>Расширить шаблоны виджета)
Գտնում ենք </body>
և հենց նրա ներքևում ավելացնում այս կոդը:
<style type='text/css'>
#bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}
#bttop:hover{border:1px solid #ffa789;background:#ff6734;}
</style>
<div id='bttop'>Դեպի վեր</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>
Դեպի վեր -ի փոխարեն կարող եք գրել ցանկացած բառ
Գույնը փոփոխելու համար պետք է փոխեք կարմիրով նշված կոդերը
Չափսերը փոփոխելու համար պետք է փոխեք վարդագույնով նշված թվերը
<style type='text/css'>
#bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}
#bttop:hover{border:1px solid #ffa789;background:#ff6734;}
</style>
<div id='bttop'>Դեպի վեր</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>
Դեպի վեր -ի փոխարեն կարող եք գրել ցանկացած բառ
Գույնը փոփոխելու համար պետք է փոխեք կարմիրով նշված կոդերը
Չափսերը փոփոխելու համար պետք է փոխեք վարդագույնով նշված թվերը
Բաժին:
ԲԼՈԳԳԵՐ
Комментариев нет:
Отправить комментарий