`
saybody
  • 浏览: 908557 次
  • 性别: Icon_minigender_2
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

一起庆祝【CSS裸奔节】啦~

 
阅读更多
<div align="center"><img border="0" alt="" src="http://naked.dustindiaz.com/img/naked-day-08.png" width="268" height="103"></div>
<br>
关于2008【CSS裸奔节】的信息可以看这个:<a href="http://www.cnblogs.com/fhmsha/archive/2008/04/09/1144617.html">http://www.cnblogs.com/fhmsha/archive/2008/04/09/1144617.html</a><br><br>
点击下面这个按钮,让我们一起来裸奔啦~<br>
function test(){
var csslink=document.getElementsByTagName("link");
for(i=0;i&lt;csslink.length if csslink&gt;&lt;button onclick="test();"&gt;大家一起来裸奔&lt;/button&gt; &lt;br&gt;&lt;br&gt;
为了庆祝【2008CSS裸奔节】,请在你的网页上加入下面的代码吧。&lt;br&gt;&lt;div class="hiddenArea"&gt;
&lt;div id="divHaF_1" class="haContracted" onclick="show_hide(this);"&gt;
&lt;img class="imgContracted" onclick="" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif"&gt;&lt;span class="showText"&gt;点击此处展开代码&lt;/span&gt;
&lt;/div&gt;
&lt;div id="divHaS_1" class="haExpanded"&gt;
&lt;div class="haHiddenAreaOpration" onclick="show_hide(this);"&gt;&lt;img class="imgExpanded" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif"&gt;&lt;/div&gt;
&lt;div class="haMain"&gt;
&lt;div style="border-right: #cccccc 1px solid; padding-right: 5px; padding-left: 4px; font-size: 13px; border-top: #cccccc 1px solid; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"&gt;
&lt;span style="color: #000000"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #000000"&gt;scripttype&lt;/span&gt;&lt;span style="color: #000000"&gt;=&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;text/javascript&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;language&lt;/span&gt;&lt;span style="color: #000000"&gt;=&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;javascript&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;function&lt;/span&gt;&lt;span style="color: #000000"&gt;test(){&lt;br&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;var&lt;/span&gt;&lt;span style="color: #000000"&gt;csslink&lt;/span&gt;&lt;span style="color: #000000"&gt;=&lt;/span&gt;&lt;span style="color: #000000"&gt;document.getElementsByTagName(&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;link&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;);&lt;br&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;for&lt;/span&gt;&lt;span style="color: #000000"&gt;(i&lt;/span&gt;&lt;span style="color: #000000"&gt;=&lt;/span&gt;&lt;span style="color: #000000"&gt;0&lt;/span&gt;&lt;span style="color: #000000"&gt;;i&lt;/span&gt;&lt;span style="color: #000000"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #000000"&gt;csslink.length;i&lt;/span&gt;&lt;span style="color: #000000"&gt;++&lt;/span&gt;&lt;span style="color: #000000"&gt;){&lt;br&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="color: #000000"&gt;(csslink[i].type&lt;/span&gt;&lt;span style="color: #000000"&gt;==&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;text/css&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;){&lt;br&gt;
csslink[i].href&lt;/span&gt;&lt;span style="color: #000000"&gt;=&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;#&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;;&lt;br&gt;
}&lt;br&gt;
}&lt;br&gt;
}&lt;br&gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #000000"&gt;/&lt;/span&gt;&lt;span style="color: #000000"&gt;script&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br&gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #000000"&gt;buttononclick&lt;/span&gt;&lt;span style="color: #000000"&gt;=&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;test();&lt;/span&gt;&lt;span style="color: #000000"&gt;"&lt;/span&gt;&lt;span style="color: #000000"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;大家一起来裸奔&lt;/span&gt;&lt;span style="color: #000000"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #000000"&gt;/&lt;/span&gt;&lt;span style="color: #000000"&gt;button&amp;gt;&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!--end: haMain --&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!--end: hiddenArea --&gt;
function show_hide(obj){ if (obj.className=="haHiddenAreaOpration")
{var divExpanded=obj.parentNode;divExpanded.style.display="none";var divExpandedID=divExpanded.id.toString();document.getElementById(divExpandedID.replace("S","F")).style.display="block";}
else{obj.style.display="none";document.getElementById(obj.id.replace("F","S")).style.display="block";}}&lt;/csslink.length&gt;
分享到:
评论

相关推荐

    html+js+css母亲节祝福.zip

    html+js+css母亲节祝福.ziphtml+js+css母亲节祝福.ziphtml+js+css母亲节祝福.ziphtml+js+css母亲节祝福.ziphtml+js+css母亲节祝福.ziphtml+js+css母亲节祝福.ziphtml+js+css母亲节祝福.ziphtml+js+css母亲节祝福....

    儿童节快乐的html+css

    儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css儿童节快乐的html+css...

    H5+JS+CSS情人节表白.zip

    在这个“H5+JS+CSS情人节表白”的项目中,开发者利用这些技术来创建一个浪漫的表白页面,为特殊的日子增添情感色彩。 首先,HTML(超文本标记语言)是网页的基础结构,用于定义页面内容和布局。在该项目中,HTML ...

    css 圆角 很简单的css圆角~让你突破css的困扰

    很简单的css圆角~让你突破css的困扰

    几款不错的css特效

    CSS特效是指利用CSS的特定属性和技巧,为网页元素添加视觉上的吸引力和交互性。以下将详细介绍标题和描述中提及的几款CSS特效,以及它们背后的原理和实现方法。 1. 导航栏的放大特效: 这种特效通常通过CSS3的:...

    使用HTML CSS制作静态网站【中秋节】

    网页设计围绕中秋节的主题展开,包括但不限于节日的历史背景、庆祝活动、相关美食以及各地不同的庆祝习俗等内容。 #### 二、网站描述 该项目针对大学生的网页设计课程作业,旨在通过实际操作来加深学生对HTML和CSS...

    css样式--百度端午龙舟

    css css样式--百度端午龙舟 百度logo,动态显示,人船同步显示。

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装

    Html网页(js+css)实现情人节表白神器三套.rar

    Html网页(js+css)实现情人节表白神器三套 Love:程序猿的方式~【情人节&520;—我爱你】~动画加音效 → 那些年最浪漫的表白(帮你得到你的她) https://yunyaniu.blog.csdn.net/article/details/79430987

    Reset_CSS css样式重置文件

    CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...

    基于html css技术的儿童节礼物

    基于html css技术的儿童节礼物 有兴趣的同学可以打开看一下。很不错啊。 基于html css技术的儿童节礼物 有兴趣的同学可以打开看一下。很不错啊 基于html css技术的儿童节礼物 有兴趣的同学可以打开看一下。很不错啊 ...

    一个简单的HTML和CSS示例代码,用于创建一个庆祝国庆节的网页

    一个简单的HTML和CSS示例代码,用于创建一个庆祝国庆节的网页

    情人节程序员用HTML网页表白【在一起计时】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    - `&lt;div&gt;`:用于创建分区或节的部分,便于CSS布局。 - `&lt;h2&gt;`:定义二级标题。 - `&lt;script&gt;`:用于嵌入或引用JavaScript代码。 #### 1.3 示例代码解析 ```html &lt;!DOCTYPE html&gt; ,chrome=1"/&gt; ,initial-...

    庆祝 70周年CSS3特效.zip

    在“庆祝70周年CSS3特效”这款模板中,我们可以看到CSS3如何被用来创建红色喜庆的开场动画,带给用户视觉上的惊喜。 1. **过渡(Transitions)** CSS3的过渡特性允许元素从一种样式平滑地过渡到另一种样式。在庆祝...

    圣诞树源码+css+庆祝

    标题中的“圣诞树源码+css+庆祝”表明这是一个关于前端开发的项目,主要使用HTML和CSS技术来创建一个庆祝圣诞节的互动元素,即圣诞树和烟花效果。在这个项目中,开发者可能通过JavaScript或者CSS3的动画效果来实现...

    CSS中常用的 reset.css文件

    因此,在使用`reset.css`时,最好结合`normalize.css`或现代的CSS重置方法,如`Eric Meyer Reset`或`sanitize.css`,它们不仅重置样式,还会保留一些有助于无障碍浏览和语义化的默认样式。 在实际项目中,可以将`...

    CSS特效+CSS图标

    CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS...

    庆祝抗战胜利70周年CSS3特效.zip

    这个压缩包“庆祝抗战胜利70周年CSS3特效.zip”包含了这些创新设计的源代码,旨在展示Web开发中的最新技术应用。 首先,我们来详细探讨CSS3这一强大的样式表语言。CSS3是层叠样式表的最新版本,它引入了众多新特性...

    精通CSS(css mastery)中文版 part6

    part4 精通CSS(css mastery)中文版 part5 精通CSS(css mastery)中文版 part6 这些文件名搜索一下,然后下载,解压缩会自动解成一个文件 &lt;br&gt;本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和...

    CSS字符跳动练习.html

    CSS字符跳动练习,跳动的字符,很简单~可以进行练习CSS,很简单~

Global site tag (gtag.js) - Google Analytics