Skripts:
Code
<script type="text/javascript" src="http://ucozwebmeistars.ucoz.lv/js/kwiks-2.js"></script>
<script type="text/javascript">
$().ready(function() {
$('.kwicks').kwicks({
gap : 5
});
});
</script>
<style type="text/css">
.divbox { border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: groove;
border-right-style: groove;
border-bottom-style: ridge;
border-left-style: ridge;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #000;
border-left-color: #000;
margin: 5px;
position: absolute;
}
.kwicks {
width: 600px;
height: 600px;
position: relative;
margin-top: 5px;
float: left;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #666;
}
</style>
<div class="kwicks">
<div class="divbox" style="background-color: #9C0;"><font color=black>uCozwebmeistars</font></div>
<div class="divbox" style="background-color: #930;">b</div>
<div class="divbox" style="background-color: #0F3;">c</div>
<div class="divbox" style="background-color: #F0F;">d</div>
<div class="divbox" style="background-color: #F00;">e</div>
<div class="divbox" style="background-color: #00C;">f</div>
</div>
Iznākums:
http://ucozwebmeistars.ucoz.lv/index/krasu_slaideri/0-26
Papildus darbība - spiežam uz kāda no krāsu laukumiem