<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<csslink.length if csslink><button onclick="test();">大家一起来裸奔</button> <br><br>
为了庆祝【2008CSS裸奔节】,请在你的网页上加入下面的代码吧。<br><div class="hiddenArea">
<div id="divHaF_1" class="haContracted" onclick="show_hide(this);">
<img class="imgContracted" onclick="" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif"><span class="showText">点击此处展开代码</span>
</div>
<div id="divHaS_1" class="haExpanded">
<div class="haHiddenAreaOpration" onclick="show_hide(this);"><img class="imgExpanded" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif"></div>
<div class="haMain">
<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">
<span style="color: #000000">&lt;</span><span style="color: #000000">scripttype</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">text/javascript</span><span style="color: #000000">"</span><span style="color: #000000">language</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">javascript</span><span style="color: #000000">"</span><span style="color: #000000"></span><span style="color: #000000">&gt;</span><span style="color: #000000"><br></span><span style="color: #0000ff">function</span><span style="color: #000000">test(){<br></span><span style="color: #0000ff">var</span><span style="color: #000000">csslink</span><span style="color: #000000">=</span><span style="color: #000000">document.getElementsByTagName(</span><span style="color: #000000">"</span><span style="color: #000000">link</span><span style="color: #000000">"</span><span style="color: #000000">);<br></span><span style="color: #0000ff">for</span><span style="color: #000000">(i</span><span style="color: #000000">=</span><span style="color: #000000">0</span><span style="color: #000000">;i</span><span style="color: #000000">&lt;</span><span style="color: #000000">csslink.length;i</span><span style="color: #000000">++</span><span style="color: #000000">){<br></span><span style="color: #0000ff">if</span><span style="color: #000000">(csslink[i].type</span><span style="color: #000000">==</span><span style="color: #000000">"</span><span style="color: #000000">text/css</span><span style="color: #000000">"</span><span style="color: #000000">){<br>
csslink[i].href</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">#</span><span style="color: #000000">"</span><span style="color: #000000">;<br>
}<br>
}<br>
}<br></span><span style="color: #000000">&lt;</span><span style="color: #000000">/</span><span style="color: #000000">script&gt;</span><span style="color: #000000"><br></span><span style="color: #000000">&lt;</span><span style="color: #000000">buttononclick</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">test();</span><span style="color: #000000">"</span><span style="color: #000000">&gt;</span><span style="color: #000000">大家一起来裸奔</span><span style="color: #000000">&lt;</span><span style="color: #000000">/</span><span style="color: #000000">button&gt;</span>
</div>
</div>
<!--end: haMain -->
</div>
</div>
<!--end: hiddenArea -->
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";}}</csslink.length>
分享到:
相关推荐
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...
在这个“H5+JS+CSS情人节表白”的项目中,开发者利用这些技术来创建一个浪漫的表白页面,为特殊的日子增添情感色彩。 首先,HTML(超文本标记语言)是网页的基础结构,用于定义页面内容和布局。在该项目中,HTML ...
很简单的css圆角~让你突破css的困扰
CSS特效是指利用CSS的特定属性和技巧,为网页元素添加视觉上的吸引力和交互性。以下将详细介绍标题和描述中提及的几款CSS特效,以及它们背后的原理和实现方法。 1. 导航栏的放大特效: 这种特效通常通过CSS3的:...
网页设计围绕中秋节的主题展开,包括但不限于节日的历史背景、庆祝活动、相关美食以及各地不同的庆祝习俗等内容。 #### 二、网站描述 该项目针对大学生的网页设计课程作业,旨在通过实际操作来加深学生对HTML和CSS...
css css样式--百度端午龙舟 百度logo,动态显示,人船同步显示。
CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装
Html网页(js+css)实现情人节表白神器三套 Love:程序猿的方式~【情人节&520;—我爱你】~动画加音效 → 那些年最浪漫的表白(帮你得到你的她) https://yunyaniu.blog.csdn.net/article/details/79430987
CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...
基于html css技术的儿童节礼物 有兴趣的同学可以打开看一下。很不错啊。 基于html css技术的儿童节礼物 有兴趣的同学可以打开看一下。很不错啊 基于html css技术的儿童节礼物 有兴趣的同学可以打开看一下。很不错啊 ...
一个简单的HTML和CSS示例代码,用于创建一个庆祝国庆节的网页
- `<div>`:用于创建分区或节的部分,便于CSS布局。 - `<h2>`:定义二级标题。 - `<script>`:用于嵌入或引用JavaScript代码。 #### 1.3 示例代码解析 ```html <!DOCTYPE html> ,chrome=1"/> ,initial-...
在“庆祝70周年CSS3特效”这款模板中,我们可以看到CSS3如何被用来创建红色喜庆的开场动画,带给用户视觉上的惊喜。 1. **过渡(Transitions)** CSS3的过渡特性允许元素从一种样式平滑地过渡到另一种样式。在庆祝...
标题中的“圣诞树源码+css+庆祝”表明这是一个关于前端开发的项目,主要使用HTML和CSS技术来创建一个庆祝圣诞节的互动元素,即圣诞树和烟花效果。在这个项目中,开发者可能通过JavaScript或者CSS3的动画效果来实现...
因此,在使用`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...
这个压缩包“庆祝抗战胜利70周年CSS3特效.zip”包含了这些创新设计的源代码,旨在展示Web开发中的最新技术应用。 首先,我们来详细探讨CSS3这一强大的样式表语言。CSS3是层叠样式表的最新版本,它引入了众多新特性...
part4 精通CSS(css mastery)中文版 part5 精通CSS(css mastery)中文版 part6 这些文件名搜索一下,然后下载,解压缩会自动解成一个文件 <br>本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和...
CSS字符跳动练习,跳动的字符,很简单~可以进行练习CSS,很简单~