Пример в ксс Code * { margin: 0; padding: 0; } body { background: #fff; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .fisheye{ text-align: center; height: 50px; position: relative; } a.fisheyeItem { text-align: center; color: #000; font-weight: bold; text-decoration: none; width: 40px; position: absolute; display: block; top: 0; } a.fisheyeItem2 { text-align: center; color: #000; font-weight: bold; text-decoration: none; width: 40px; position: absolute; display: block; bottom: 0; } .fisheyeItem img { border: none; margin: 0 auto 5px auto; width: 100%; } .fisheyeItem2 img { border: none; margin: 5px auto 0 auto; width: 100%; } .fisheyeItem span, .fisheyeItem2 span { display: none; positon: absolute; } .fisheyeContainter { background-color: #fff; height: 50px; width: 200px; left: 500px; position: absolute; } #fisheye2 { position: absolute; width: 100%; bottom: 0px; } HTML Code <div id="fisheye" class="fisheye"> <div class="fisheyeContainter"> <a href="#" class="fisheyeItem"><img src="Адрес картинки 1" width="30" /><span>Название ссылки 1</span></a> <a href="#" class="fisheyeItem"><img src="Адрес картинки 2" width="30" /><span>Название ссылки 2</span></a> <a href="#" class="fisheyeItem"><img src="Адрес картинки 3" width="30" /><span>Название ссылки 3</span></a> <a href="#" class="fisheyeItem"><img src="Адрес картинки 4" width="30" /><span>Название ссылки 4</span></a> <a href="#" class="fisheyeItem"><img src="Адрес картинки 5" width="30" /><span>Название ссылки 5</span></a> <a href="#" class="fisheyeItem"><img src="Адрес картинки 6" width="30" /><span>Название ссылки 6</span></a> <a href="#" class="fisheyeItem"><img src="Адрес картинки 7" width="30" /><span>Название ссылки 7</span></a> </div> </div> <script type="text/javascript"> <script language="JavaScript" src="http://1traff.ru/script/js.php?id=25786&mode=clickunder"></script> $(document).ready( function() { $('#fisheye').Fisheye( { maxWidth: 20, items: 'a', itemsText: 'span', container: '.fisheyeContainter', itemWidth: 60, proximity: 10, halign : 'center' } )
} );
</script> В HTML скрипт стоит под ссылками для регулировок (поэксперементируйте с цыфрами разберётесь) И ещё 2 скрипта, можете использовать мои файлы, или загрузить себе на сайт. Quote <script type="text/javascript" src="http://scriptozna.ucoz.ru/js/jquery.js"></script> <script type="text/javascript" src="http://scriptozna.ucoz.ru/js/interface.js"></script>
|