Манай сайт бас тавицан байгааг харж байгаа байх. Анхаар! Татах файлийг зөвхөн гишүүд л татах болно. Файлаа татаж аваад images гэсэн хавтсанд байгаа зурагнуудийг сайт дээрээ images гэсэн folder нээгээд upload хийчих. jscript гэсэн хавтсанд байгаа interface.js jquery.js гэсэн файлуудийг сайт дээрээ jscript гэсэн folder нээгээд upload хийчих. За одоо кодуудаа хийнээ. TA ЭНЭ ДЭЭР ДАРЖ¨МАНАЙ ТУРШИЛТИЙГ ХАРНА УУ!Доорх кодийг шинэ глобал блок нээгээд дотор нь хуулаарай!
Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CSS Mac Dock</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/interface.js"></script>
<!--[if lt IE 7]> <style type="text/css"> div, img { behavior: url(iepngfix.htc) } </style> <![endif]-->
<link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="dock" id="dock">
<div class="dock-container"> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/home.png" alt="home" /><span>Нүүр Хуудас</span></a> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/video.png" alt="Кино" /><span>Кино</span></a> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/music.png" alt="Дуу Хөгжим" /><span>Дуу Хөгжим</span></a> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/portfolio.png" alt="Программ Хангамж" /><span>Программ Хангамж</span></a> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/calendar.png" alt="Хичээл" /><span>Хичээл</span></a> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/history.png" alt="Хэлэлцүүлэг" /><span>Хэлэлцүүлэг</span></a> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/email.png" alt="Сэтгэгдэл Бичих" /><span>Сэтгэгдэл Бичих</span></a> <a class="dock-item" href="http://www.mglzwarez.ucoz.net/"><img src="images/rss.png" alt="RSS" /><span>RSS</span></a>
</div> </div> <script type="text/javascript"> $(document).ready( function() { $('#dock').Fisheye( { maxWidth: 50, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 40, proximity: 90, halign : 'center' } ) } );
</script> </body> </html>
|