`
saybody
  • 浏览: 930574 次
  • 性别: 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+Css +JavaScript 表白网站~

    Html+Css +JavaScript 表白网站~ Html+Css +JavaScript 表白网站~ Html+Css +JavaScript 表白网站~ Html+Css +JavaScript 表白网站~ Html+Css +JavaScript 表白网站~ Html+Css +JavaScript 表白网站~ Html+Css +...

    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...

    用HTML+CSS做一个漂亮简单的节日网页【元宵节】

    - **案例**: 以元宵节为例,设计一个包含节日介绍、习俗庆祝等内容的网页。该网页需要有清晰的导航结构,丰富的视觉元素以及良好的交互体验。 - **技术要点**: 在设计过程中需要注意HTML5的语义化标签使用、CSS3的新...

    几款不错的css特效

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

    CSS3五星红旗国庆节庆祝动画特效.zip

    这个“CSS3五星红旗国庆节庆祝动画特效”就是一个利用CSS3的强大功能,为庆祝中国国庆节特别设计的创意动画。它将五星红旗的元素与动态效果相结合,为网站增添节日气氛。 1. **CSS3选择器和属性** - 选择器:CSS3...

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

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

    CSS3精美飘花效果

    【CSS3精美飘花效果】是一种利用CSS3的高级特性来实现动态视觉效果的技术,它允许开发者创造出丰富多样的动画和交互式设计。在本案例中,我们将探讨如何通过CSS3来实现飘落的花瓣效果,包括花瓣的下落速度、大小调整...

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

    创建一个庆祝国庆节的网页,需要利用HTML和CSS的基础知识,通过合适的代码布局和样式设计来体现节日的氛围。下面是一系列知识点,详细说明了如何制作这样一个网页。 ### HTML知识 - `&lt;!DOCTYPE html&gt;` 定义文档...

    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与CSS编码能力的同时向访客传达关于中秋节的背景和精神。

    第十四节 IE中利用CSS触发XSS-01

    本节课程将介绍如何使用CSS来触发XSS。 CSS介绍 CSS(Cascading Style Sheets)是一种用来表现HTML或XML文件样式的计算机语言。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样式国庆节为主题的页面 实现文字在图片下方

    体验庆祝国庆的欢乐情绪,萌发热爱祖国的情感。红色群山天安门背景的“盛世华诞”国庆节主题 精美国潮风“盛世华诞”国庆主题 “国庆”的含义 ,国庆节的由来 、国庆节的意义 、国庆节的习俗 “国庆”的含义• ...

Global site tag (gtag.js) - Google Analytics