`
dcdc723
  • 浏览: 183413 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

仿网易的新年 效果（自己用Jquery仿的）

jQueryCSSJavaScriptCacheHTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<TITLE>网易新年效果</TITLE>
<STYLE type=text/css>
BODY {
 TEXT-ALIGN: center; FONT-FAMILY: 宋体,Arial Narrow,arial,serif; BACKGROUND: #ffffff; FONT-SIZE: 12px
}
BODY {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.ntes_wrapper {
 BACKGROUND: url(http://img1.cache.netease.com/cnews/img09/2010cj/ntesbg5.jpg) no-repeat center top; HEIGHT: 180px
}
.ntes_wrapper .main {
 Z-INDEX: 1; POSITION: relative; MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 62px
}
.ntes_wrapper .pic {
 POSITION: absolute; WIDTH: 120px; BACKGROUND: url(http://img1.cache.netease.com/cnews/img09/2010cj/pic1.jpg) no-repeat left top; HEIGHT: 10px; TOP: 62px; LEFT: 0px
}
.ntes_wrapper_link {
 POSITION: absolute; TEXT-INDENT: -1000px; WIDTH: 299px; HEIGHT: 45px; OVERFLOW: hidden; TOP: 4px; LEFT: 335px
}
.ntes_wrapper_close {
 POSITION: absolute; TEXT-INDENT: -1000px; WIDTH: 50px; DISPLAY: block; HEIGHT: 21px; OVERFLOW: hidden; TOP: 35px; CURSOR: pointer; RIGHT: 10px
}
.wrapper {
 MARGIN: -118px auto 0px; WIDTH: 960px; BACKGROUND: #fff
}
</STYLE>

<SCRIPT language=javascript type=text/javascript charset=gb2312 
src="jquery.js"></SCRIPT>
<script>
$(function(){//以下为关闭的点击事件，主要用于移除body的背景与顶部的背景图片并使原有内容正常显示。
     $('#ntesWrapperClose').click(function(){
             $('#warpperBody').css({background: "#fff" }); 
             $('#ntesWrapper').css({display:"none"});
             $('#wrapper').css({"margin-top":"0px"});
             });
     })
</script>
<META name=GENERATOR content="MSHTML 8.00.7600.16419"></HEAD>
<BODY 
style="BACKGROUND: url(http://img1.cache.netease.com/cnews/img09/2010cj/bodybgrepeat.jpg) #f8801f repeat-x left 29px" 
id=warpperBody>

<DIV id=ntesWrapper class=ntes_wrapper>
<DIV class=main>
<SPAN class=pic></SPAN>
<SPAN id=ntesWrapperClose class=ntes_wrapper_close>关闭</SPAN>
</DIV>
</DIV>
  
  
  <font color=blue>
<DIV id=wrapper class=wrapper><!-- ntes nav -->


测试信息


</DIV>
</font>
</BODY></HTML>

 

16
顶
7
踩
分享到：
| PHP 通用分页类PagerBox及使用
评论
7 楼 風一樣的男子 2010-02-11  
效果挺不错的
6 楼 wucc1986 2010-02-11  
咋不弄个下载呢
5 楼 dayone 2010-02-10  
tipnet 写道
很不错的效果。你写得比网易还简单得多了。

dedemao 写道
非常不错。征用了哈。

挺喜庆的~~~
4 楼 马的脸猛鹿 2010-02-09  
怕瓦落地 写道
tipnet 写道
很不错的效果。你写得比网易还简单得多了。


3 楼 怕瓦落地 2010-02-09  
tipnet 写道
很不错的效果。你写得比网易还简单得多了。

2 楼 dedemao 2010-02-09  
非常不错。征用了哈。
1 楼 tipnet 2010-02-09  
很不错的效果。你写得比网易还简单得多了。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics