08.12.
2011
2011
Za centriranje elementa na sredino okna uporabimo kar jQuery in CSS. Elementu, npr DIV polju, damo poseben class (v tem primeru classElementa) in mu v CSS določimo širino.
Spodnjo kodo vključimo med znački <HEAD></HEAD>.
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.1.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
// Ob spremembi velikosti okna ponovno centrira element
$(window).resize(function(){
$(‘.classElementa’).css({
position:’absolute’,
left: ($(window).width() – $(‘.classElementa’).outerWidth())/2,
top: ($(window).height() – $(‘.classElementa’).outerHeight())/2
});
});// Prvo centriranje
$(window).resize();});
</script>
Povzeto po http://tutorialzine.com/.
Ni komentarjev.
Dodaj komentar