css+js超炫超牛逼的网站_css特效网站资源-CSDN下载

共36个文件

gif：17个

jpg：12个

db：4个

javascript

xhtml

2星需积分: 32 96 浏览量 2008-10-22 09:04:51 上传评论 3 收藏 403KB RAR 举报

"CSS + JS 超炫超牛逼的网站"揭示了这个项目的核心——一个结合了CSS和JavaScript技术的惊人网站模板。CSS（层叠样式表）是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的语言，而JavaScript是一种强大的编程语言，常用于网页和网络应用的交互性开发。两者结合，可以创造出极具视觉冲击力和动态效果的网页。中的"我看到这个网站模板的时候，我惊呼：这也太牛B了吧？相信您看到也会有此反应的"，暗示了这个网站模板的创新性和独特性，它可能包含了一些高级的CSS技巧，如动画效果、响应式设计、以及复杂的布局控制，同时也运用了JavaScript来增强用户体验，比如动态交互、事件处理等。 "css javascript xhtml"进一步明确了这个项目的三个关键技术要素。XHTML是一种更严格、更纯净的HTML版本，它结合了HTML的易用性和XML的严谨性，为构建结构化的网页提供基础。在这样的基础上，CSS用于美化和布局，JavaScript则赋予网页动态功能，三者结合，能打造出既美观又功能丰富的现代网页。在【压缩包子文件的文件名称列表】中，"js-这网站太牛B了吧"可能是一个JavaScript文件，很可能包含了实现上述炫酷效果的代码。这个文件可能是整个网站模板的核心，通过精心编写的JavaScript函数和事件监听，实现了与用户互动的关键功能，同时可能也利用了CSS3的特性，如变换、过渡和动画，以创造出令人赞叹的视觉体验。这个项目可能是一个展示CSS和JavaScript最新、最先进应用的模板，可能包含了如视差滚动、悬停效果、响应式布局、自定义动画等特性。对于开发者来说，这是一个学习和借鉴的绝佳资源，可以从中了解到如何利用这两种技术打造引人入胜的网页。对于设计师而言，这个模板可能提供了新的灵感和设计思路，展示了如何将美学和功能性完美融合。无论是新手还是经验丰富的专业人士，都能从中获益。

资源推荐

资源详情

资源评论

收起资源包目录

css+js超炫的网站.rar （36个子文件）

js-这网站太牛B了吧

css

styles.css 3KB

images

button_skills.gif 2KB

button_print_design.gif 2KB

index.gif 19KB

button_home.gif 2KB

phirhofall06.jpg 55KB

phirhospring07.jpg 56KB

Thumbs.db 10KB

title_contact.gif 1KB

bg_pink.gif 105B

title_print.gif 2KB

title_about.gif 2KB

bg_purple.gif 152B

bg_orange.gif 105B

button_contact.gif 2KB

button_about.gif 2KB

Thumbs.db 25KB

thumb

phirhofall06.jpg 6KB

st4rbuck.jpg 9KB

phirhofall07.jpg 7KB

Thumbs.db 28KB

rickdavid.jpg 13KB

lakiff.jpg 13KB

evacare.jpg 13KB

bg_green.gif 105B

screenshot

st4rbuck.jpg 22KB

Thumbs.db 17KB

rickdavid.jpg 39KB

lakiff.jpg 40KB

evacare.jpg 34KB

title_skills.gif 1KB

button_start.gif 2KB

bg_blue.gif 105B

title_work.gif 1KB

mootools.r420.js 20KB

index.htm 10KB

<!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>www.lanrentuku.com</title> </head>  <body onload = "EvaSlider.hide(); st4r.hide();rickSlider.hide();lakiffSlider.hide();prf6Slider.hide();prs7Slider.hide();"> <div id="container">  <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>  <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>  <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>  <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.lanrentuku.com/" 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>  <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('about'); });

评论收藏

内容反馈