<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="js/mootools.r420.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<title>个性网站桌面式滑动代码</title>
</head>
<!-- when the page loads, hide all sliders -->
<body onload = "EvaSlider.hide(); st4r.hide();rickSlider.hide();lakiffSlider.hide();prf6Slider.hide();prs7Slider.hide();">
<div id="container">
<!-- THE STARTING POINT -->
<div id="start" class="positioning">
<div class="inside">
<div class="text" style="text-align:center">
<img src="images/index.gif" alt="melissahie.com" /></div>
<div class="navigator"><div id="gotowork"><img src="images/button_start.gif" alt="ready go!" /></div></div>
</div>
</div>
<!-- ABOUT -->
<div id="about" class="positioning">
<div class="inside">
<img src="images/title_about.gif" alt="about me, me, me" />
<div class="header">I suppose this is where I write about myself.</div>
<div class="text">
Hi! My name is Melissa Hie. I am currently residing in Los Angeles, and I am a recent Computer Science graduate from <a href="http://www.ucla.edu/">UCLA</a> (Class of '07). I am not too fond of my major, but I admit it is an interesting field and has given me valuable experiences I would not possess otherwise. My real passion lies in web and graphic designing.<br />
<br />
In my free time, I enjoy watching TV shows. Lots and lots of it. My all time favorite is <a href="http://en.wikipedia.org/wiki/The_X-Files">The X-Files</a>, which I have been watching literally half my life! Other honorable mentions are Battlestar Galactica and House MD. I like playing videogames, and occasionally trying to speak Japanese (actually, it's my minor in college). I also enjoy reading books, but I like webcomics even better! My favorite comics are <a href="http://www.xkcd.com/">XKCD</a> and <a href="http://www.pbfcomics.com/">The Perry Bible Fellowship</a>. These guys are brilliant.
</div>
<div class="navigator"><div id="gotoskills"><img src="images/button_skills.gif" alt="on to my portfolio!" /></div></div>
</div>
</div>
<!-- WORK -->
<div id="work" class="positioning">
<div class="inside">
<div id="sliderEva" class="slider"><img src="images/screenshot/evacare.jpg" id="evacareout" alt="Eva Care Group" /><br /><br />
<a href="http://www.evacare.net/">launch</a> | click on the image to close</div>
<div id="sliderst4r" class="slider"><img src="images/screenshot/st4rbuck.jpg" id="st4rout" alt="st4rbuck.net" /><br /><br />
my past portfolio site | click on the image to close</div>
<div id="sliderRick" class="slider"><img src="images/screenshot/rickdavid.jpg" id="rickout" alt="RickDavidPhoto.com" /><br /><br />
<a href="http://www.rickdavidphoto.com/">launch</a> | click on the image to close</div>
<div id="sliderLakiff" class="slider"><img src="images/screenshot/lakiff.jpg" id="lakiffout" alt="LAKIFF" /><br /><br />
click on the image to close</div>
<img src="images/title_work.gif" alt="work, work." />
<div class="header">some stuff I've done</div>
<div class="text">click on the thumbnails for full-view of each site<br/>
<div id="evacarein" class="button"><img src="images/thumb/evacare.jpg" alt="Eva Care Group" /></div> <div id="st4rin" class="button"><img src="images/thumb/st4rbuck.jpg" alt="st4rbuck.net" /></div> <div id="rickin" class="button"><img src="images/thumb/rickdavid.jpg" alt="RickDavidPhoto.com" /></div> <div id="lakiffin" class="button"><img src="images/thumb/lakiff.jpg" alt="LAKIFF" /></div>
</div>
<div class="navigator"><div id="gotoprint"><img src="images/button_print_design.gif" alt="view print design" /></div></div>
</div>
</div>
<!-- CONTACT -->
<div id="contact" class="positioning">
<div class="inside">
<img src="images/title_contact.gif" alt="contact me!" />
<div class="header">ways to reach me</div>
<div class="text">please contact me through email: <a href="mailto:melissa at melissahie dot com">melissa (at) melissahie (.) com</a><br />
<br /><b>Note:</b> I am currently available for freelancing, but would also welcome a full-time job opportunity. If you are interested please contact me with details (preferably something more than just the generic "I have a project you might be interested in..."). I've found that I work best when I actually connect with the people I work for :)<br /><br />
来源：<a href="http://melissahie.com/" target="_blank">http://melissahie.com/</a> 代码整理：<a href="http://www.68design.net/" target="_blank" class="red">懒人图库</a> ＊尊重他人劳动成果，转载请自觉注明出处！ <br />
<br />
Copyright © 2007 by Melissa Hie | All Rights Reserved<br />
script by <a href="http://www.mootools.net/">mootools.net</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check/referer">XHTML</a> | <a href="http://getfirefox.com/">Get Firefox</a>
</div>
<div class="navigator"><div id="gotohome"><img src="images/button_home.gif" alt="go back home" /></div></div>
</div>
</div>
<!-- PRINT -->
<div id="print" class="positioning">
<div class="inside">
<div id="sliderPrf6" class="slider"><img src="images/print/phirhofall06.jpg" id="prf6out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
click on the image to close</div>
<div id="sliderPrs7" class="slider"><img src="images/print/phirhospring07.jpg" id="prs7out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
click on the image to close</div>
<img src="images/title_print.gif" alt="Print Design" />
<div class="header">my printed works</div>
<div class="text">
<div id="prf6in" class="button"><img src="images/thumb/phirhofall06.jpg" alt="Phi Sigma Rho Rush Flyer" /></div> <div id="prs7in" class="button"><img src="images/thumb/phirhofall07.jpg" alt="Phi Sigma Rho Rush Flyer" /></div>
</div>
<div class="navigator"><div id="gotoabout"><img src="images/button_about.gif" alt="Skillsets" /></div></div>
</div>
</div>
<div id="skills" class="positioning">
<div class="inside">
<img src="images/title_skills.gif" alt="Skills" />
<div class="header"></div>
<div class="text">
<ul id="purple">
<li>Advanced knowledge in (X)HTML, CSS</li>
<li>Comfortable with hand-coding (X)HTML and CSS from scratch</li>
<li>Working knowledge of PHP and MySQL</li>
<li>Proficiency in Adobe Photoshop</li>
<li>Dedicated, fast learner, detail oriented</li>
<li>Languages: English (proficient), Indonesian (proficient), Japanese (intermediate)</li>
</ul>
</div>
<div class="navigator"><div id="gotocontact"><img src="images/button_contact.gif" alt="contact me" /></div></div>
</div>
</div>
</div>
<script type="text/javascript">
// navigations
var skroll = new Fx.Scroll(window, {duration: 1500, wait: false, transition: Fx.Transitions.quadInOut});
// website layouts
var EvaSlider = new Fx.Slide('sliderEva', {duration: 1000, transition: Fx.Transitions.bounceOut});
var st4r = new Fx.Slide('sliderst4r', {duration: 1000, transition: Fx.Transitions.bounceOut});
var rickSlider = new Fx.Slide('sliderRick', {duration: 1000, transition: Fx.Transitions.bounceOut});
var lakiffSlider = new Fx.Slide('sliderLakiff', {duration: 1000, transition: Fx.Transitions.bounceOut});
$('gotohome').addEvent('click', function(){ skroll.toElement('start'); });
$('gotoabout').addEvent('click', function(){ skroll.toElement('ab
个性网站桌面滑动式代码网站
需积分: 10 122 浏览量
2009-08-01
00:38:22
上传
评论 1
收藏 375KB RAR 举报
.rar （32个子文件） 
68design2008051 images 
button_skills.gif 2KB button_contact.gif 2KB title_work.gif 1KB title_contact.gif 1KB title_about.gif 2KB button_home.gif 2KB index.gif 19KB button_about.gif 2KB title_print.gif 2KB button_print_design.gif 2KB thumb 
st4rbuck.jpg 9KB rickdavid.jpg 13KB evacare.jpg 13KB phirhofall07.jpg 7KB phirhofall06.jpg 6KB lakiff.jpg 13KB
Thumbs.db 8KB screenshot st4rbuck.jpg 22KB rickdavid.jpg 39KB evacare.jpg 34KB lakiff.jpg 40KB Thumbs.db 7KB print phirhospring07.jpg 56KB phirhofall06.jpg 55KB Thumbs.db 6KB title_skills.gif 1KB button_start.gif 2KB Thumbs.db 25KB index.htm 10KB js mootools.r420.js 20KB css styles.css 3KB 网页设计师联盟.url 180B资源评论
