超酷的jQuery图像展示效果
查看演示页面 View Demo 查看全部代码 View Code
在网页<head>区添加以下代码
<LINK rel=stylesheet type=text/css href="css/style.css"> <LINK rel=stylesheet type=text/css href="css/spacegallery.css"> <SCRIPT type=text/javascript src="js/jquery-1-3-2.js"></SCRIPT> <SCRIPT type=text/javascript src="js/eye.js"></SCRIPT> <SCRIPT type=text/javascript src="js/spacegallery.js"></SCRIPT> <SCRIPT type=text/javascript src="js/xixi.js"></SCRIPT>
在网页<body>区添加以下代码
<DIV id=main> <DIV id=container> <DIV id=sub_col> <DIV class=un> <H2>Uniwersytet Ekonomiczny (SJO)<SMALL><A class=external href="http://www.sharejs.com">premiera wrzesień 2009</A></SMALL></H2> <P>Pierwszy w Polsce system zarz?dzania Studium J?zyków Obcych.</P> <P>Przygotowali?my aplikacj? wspomagaj?c? prace Studium na Uniwersytecie Ekonomicznym w Krakowie.</P> <P>Aplikacja zintegrowana jest z uczelniani? baz? danych.</P></DIV> <DIV class=ar> <H2>ARGE Paliwa Sp. z o.o. <SMALL><A class=external href="http://www.arge.pl/">http://www.arge.pl/</A></SMALL></H2> <P>Na zlecenie ARGE Paliwa Sp. z o.o. przygotowali?my audyt funkcjonalno?ci obecnej strony internetowej oraz zaprojektowali?my architektur? informacji nowej strony.</P></DIV> <DIV class=dt> <H2>Dziennik Teatralny <SMALL><A class=external href="http://www.teatry.art.pl/">http://www.teatry.art.pl/</A></SMALL></H2> <P>Najwi?kszy w Polsce internetowy wortal teatralny. Istniej?cy od ponad 10 lat - tysi?ce artyku?ów, recenzji oraz portretów artystów.</P> <P>Wortal korzysta z naszego oprogramowania do zarz?dzania tre?ci? stworzonego specjalnie na jego potrzeby.</P></DIV> <DIV class=kh> <H2>Kurs homiletyczny <SMALL><A class=external href="http://www.kurshomiletyczny.pl/">http://www.kurshomiletyczny.pl/</A></SMALL></H2> <P>Pierwsza w Polsce platforma e-learningowa dla ksi??y dzi?ki, której mog? oni uczestniczy? w cyklicznie odbywaj?cych si? kursach homiletycznych.</P> <P>Dotlabs.pl odpowiada za ca?o?? oprogramowania.</P></DIV> <DIV class=re> <H2>Rejestrator.net <SMALL><A class=external href="http://www.kurshomiletyczny.pl/">http://www.kurshomiletyczny.pl/</A></SMALL></H2> <P>Najwi?kszy na Dolnym ?l?sku rejestrator domen oraz dostawca serwerów.</P> <P>W projekcie tym odpowiadali?my za now? architektur? informacji oraz oprogramowanie systemu zamówień (m.in. generowanie faktur, p?atno?ci online)</P></DIV> <DIV class=ss> <H2>Sun System Energy <SMALL><A class=external href="http://www.sunsenergy.pl/">http://www.sunsenergy.pl/</A></SMALL></H2> <P>Dla Sun Sysetm Energy - firmy zajmuj?cej si? systemy pozyskiwania energii wdro?li?my nasz autorski CMS dzi?ki któremy mo?liwa.</P></DIV> <DIV class=fm> <H2>Fizjo-med <SMALL><A class=external href="http://www.fizjomed.com.pl/">http://www.fizjomed.com.pl/</A></SMALL></H2> <P>Przychodnia Fizjo-med posiadaj?cy pod swoj? opiek? m.in. pi?karzy mistrza Polski Wis?y Kraków powierzy? na przygotowanie swojego nowego serwisu.</P> <P>Przygotowali?my interaktywn? w?drówk? po gabinecie oraz.</P></DIV> <DIV class=bg> <H2>Beautiful Garden <SMALL><A class=external href="http://www.beautifulgarden.pl/">http://www.beautifulgarden.pl/</A></SMALL></H2> <P>Firma ogrodnicza Beautiful Garden zwróci?a si? do nas z pro?b? o przygotowanie nowego wizerunku w sieci.</P> <P>Strona zarz?dzana przez nasz autorski CMS oraz rozbudowany modu? galerii zdj?? sta?y si? nieodzownym narz?dziem wspomagaj?cym dzialano?? firmy.</P></DIV> <DIV class=va> <H2>Valant <SMALL><A class=external href="http://www.valant.pl/">http://www.valant.pl/</A></SMALL></H2> <P>Kolejna ze stron korzystaj?ca z mo?liwo?ci naszego autorskiego CMSa</P></DIV></DIV> <DIV id=main_col> <DIV id=gallery class=spacegallery><IMG class=va alt=Valant src="images/valant.gif"> <IMG class=bg alt="Beautiful Garden" src="images/garden.gif"> <IMG class=fm alt=Fizjo-med src="images/fizjomed.gif"> <IMG class=ss alt="Sun System Energy" src="images/sunsenergy.gif"> <IMG class=re alt=Rejestrator.net src="images/rejestrator.gif"> <IMG class=kh alt="Kurs homiletyczny" src="images/kurs.gif"> <IMG class=dt alt="Dziennik Teatralny" src="images/teatry.gif"> <IMG class=ar alt="Stacje Paliw Arge" src="images/arge.gif"> <IMG class=un alt="Uniwersytet Ekonomiczny" src="images/uniwersytet.gif"> </DIV></DIV></DIV>
相关脚本、样式及图片在压缩包内，请下载
