apple的产品展示效果，超酷！

最新推荐文章于 2025-05-28 11:00:20 发布

最新推荐文章于 2025-05-28 11:00:20 发布 · 142 阅读

文章标签：

#Apple #CSS #JavaScript #Safari #HTML #ViewUI

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE>Apple-Mac</TITLE>
<METAhttp-equiv=Content-Typecontent="text/html;charset=utf-8">
<METAhttp-equiv=pics-label
content='(pics-1.1"http://www.icra.org/ratingsv02.html"lgentruefor"http://www.apple.com"r(cz1lz1nz1oz1vz1)"http://www.rsac.org/ratingsv01.html"lgentruefor"http://www.apple.com"r(n0s0v0l0))'>
<METAhttp-equiv=Expirescontent="Fri,26Mar199923:59:59GMT">
<METAcontent="AppleComputer,Inc."name=Author>
<METAcontent=products,macsname=Category>
<META
content="DiscovertheworldofMac.CheckoutMacBook,iMac,iLife,andmore.DownloadQuickTime,Safari,andwidgetsfree."
name=Description>
<METAcontent=width=1024name=viewport>
<METAcontent=width=1024name=viewport>
<SCRIPTsrc="http://www.shoeeasy.com/apple/js/prototype2.js"type=text/javascript
charset=utf-8></SCRIPT>

<SCRIPTsrc="http://www.shoeeasy.com/apple/js/scriptaculous.js"type=text/javascript
charset=utf-8></SCRIPT>

<SCRIPTsrc="http://www.shoeeasy.com/apple/js/browserdetect.js"type=text/javascript
charset=utf-8></SCRIPT>

<SCRIPTsrc="http://www.shoeeasy.com/apple/js/product_browser.js"type=text/javascript
charset=utf-8></SCRIPT>

<SCRIPTtype=text/javascriptcharset=utf-8>
/*PRODUCTBROWSER*/
Event.observe(window,'load',function(){
AC.ProductBrowser.init({
categories:[{id:'pb-cat1',offset:0},{id:'pb-cat2',offset:0.158},
{id:'pb-cat3',offset:0.5},{id:'pb-cat4',offset:1}],
imageOverlap:0,
sliderCentering:250,
initialCategory:1,
arrowScrollAmount:0.38,
iPhoneCategories:[{id:'pb-cat1',offset:0},{id:'pb-cat2',offset:0.222},
{id:'pb-cat3',offset:0.5},{id:'pb-cat4',offset:1}],
iPhoneScrollAmount:0.278,
iPhoneContainerWidth:804
});
},false);

</SCRIPT>
<LINKhref="http://www.shoeeasy.com/apple/css/base.css"type=text/csscharset=utf-8rel=stylesheet>
<LINKhref="http://www.shoeeasy.com/apple/css/nav.css"type=text/csscharset=utf-8rel=stylesheet>
<LINKhref="http://www.shoeeasy.com/apple/css/ac_quicktime.css"type=text/csscharset=utf-8rel=stylesheet>
<LINKhref="http://www.shoeeasy.com/apple/css/mac.css"type=text/csscharset=utf-8rel=stylesheet>

<METAcontent="MSHTML6.00.2900.3132"name=GENERATOR></HEAD>
<BODY>

<DIVid=container>

<DIVid=main>
<DIVid=productbrowser>
<DIVid=pb-productbrowsercontainer>
<ULid=pb-productslider>
<LIclass=pb-productimageid=pb-airportexpress><A
href="http://www.apple.com/airportexpress/">AirPortExpress</A></LI>
<LIclass=pb-productimageid=pb-airportextreme><A
href="http://www.apple.com/airportextreme/">AirPortExtreme</A></LI>
<LIclass=pb-productimageid=pb-mightymouse><A
href="http://www.apple.com/mightymouse/">MightyMouse</A></LI>
<LIclass=pb-productimageid=pb-displays><A
href="http://www.apple.com/displays/">CinemaDisplays</A></LI>
<LIclass=pb-productimageid=pb-macpro><A
href="http://www.apple.com/macpro/">MacPro</A></LI>
<LIclass=pb-productimageid=pb-macmini><A
href="http://www.apple.com/macmini/">Macmini</A></LI>
<LIclass=pb-productimageid=pb-macbook><A
href="http://www.apple.com/macbook/macbook.html">MacBook</A></LI>
<LIclass=pb-productimageid=pb-macbookpro><A
href="http://www.apple.com/macbookpro/">MacBookPro</A></LI>
<LIclass=pb-productimageid=pb-imac><A
href="http://www.apple.com/imac/">iMac</A></LI>
<LIclass=pb-productimageid=pb-macosx><A
href="http://www.apple.com/macosx/">MacOSX</A></LI>
<LIclass=pb-productimageid=pb-ilife><A
href="http://www.apple.com/ilife/">iLife</A></LI>
<LIclass=pb-productimageid=pb-dotmac><Ahref="http://www.mac.com/">.Mac</A>
</LI>
<LIclass=pb-productimageid=pb-iwork><A
href="http://www.apple.com/iwork/">iWork</A></LI>
<LIclass=pb-productimageid=pb-quicktime><A
href="http://www.apple.com/quicktime/">QuickTime</A></LI>
<LIclass=pb-productimageid=pb-aperture><A
href="http://www.apple.com/aperture/">Aperture</A></LI>
<LIclass=pb-productimageid=pb-finalcut><A
href="http://www.apple.com/finalcutstudio/">FinalCutStudio</A></LI>
<LIclass=pb-productimageid=pb-finalcutexpress><A
href="http://www.apple.com/finalcutexpress/">FinalCutExpress</A></LI>
<LIclass=pb-productimageid=pb-logicpro><A
href="http://www.apple.com/logicpro/">LogicPro</A></LI>
<LIclass=pb-productimageid=pb-logicexpress><A
href="http://www.apple.com/logicexpress/">LogicExpress</A></LI>
<LIclass=pb-productimageid=pb-shake><A
href="http://www.apple.com/shake/">Shake</A></LI>
<LIclass=pb-productimageid=pb-ard><A
href="http://www.apple.com/remotedesktop/">AppleRemoteDesktop</A></LI>
<LIclass=pb-productimageid=pb-xserve><A
href="http://www.apple.com/xserve/">Xserve</A></LI>
<LIclass=pb-productimageid=pb-xserveraid><A
href="http://www.apple.com/xserve/raid/">XserveRAID</A></LI>
<LIclass=pb-productimageid=pb-xsan><A
href="http://www.apple.com/xsan/">Xsan</A></LI>
<LIclass=pb-productimageid=pb-macosxserver><A
href="http://www.apple.com/server/macosx/">MacOSXServer</A></LI></UL>
<DIVid=pb-productslidertrack>
<DIVid=pb-productsliderhandle></DIV>
<DIVid=pb-productsliderhandleimage></DIV><SPANid=pb-cat1>Accessories</SPAN>
<SPANid=pb-cat2>Macs</SPAN><SPANid=pb-cat3>Applications</SPAN><SPAN
id=pb-cat4>Servers</SPAN></DIV>
<DIVid=pb-leftarrow></DIV>
<DIVid=pb-rightarrow></DIV>
</DIV>
</DIV>

</DIV>

</DIV>

</body>
</html>