蜈蚣巢穴

项目中有三个类似的焦图，就想着做个插件。说真的，还真是第一次写JQ的插件，虽然写的可能不好，大家可以路过，哈哈。所以发上来，自己mark下,以后回来再瞧~
结构：
<div class="pptBox" id="pptBox01">             <ul class="pptList">                 <li style="display:block"><a href="#nogo"><img src="images/683x272.jpg" alt=" " /></a></li>                 <li><a href="#nogo"><img src="images/1.jpg" alt=" " /></a></li>                 <li><a href="#nogo"><img src="images/2.jpg" alt=" " /></a></li>                 <li><a href="#nogo"><img src="images/3.jpg" alt=" " /></a></li>             </ul>             <ul class="textBox">                 <li style="display:block">图解一</li>                 <li>图解二</li>                 <li>图解三</li>                 <li>图解四</li>             </ul>             <ul class="numBox">                 <li class="pptOn">1</li>                 <li>2</li>                 <li>3</li>                 <li>4</li>             </ul>         </div>
CSS代码：
……

今天在做一个数据表格时,用了thead th   有一段时间没弄这种表格了~   在写代码时,居然把结构给写错了~
<table>     <thead>     <th></th>         <th></th>         <th></th>         </thead>     <tbody>     </tbody> </table>
当我校验时,就提示错误. 汗,最后才知道是把结构写错了,正确的结构应该为:
......

今天做了一页面。想校验下是否通过W3C xhtml校验。 在这里告诉大家怎么校验静态页。 opera浏览器可以校验静态页，用opera打开静态页，点右键，有个校验选项。点了即可。还有FF也可以，不过要装一个插件。Web Developer.  接着说，校验了下我的页面，哇，100多处错误，咋会这么多呢！ 后来检查了下，是有一个meta标签没有闭合。再检查还有4处错误了~  哈哈~  千万记的要闭合哦~  再检查下，原来meta标签的属性有些大写了！ 这些meta信息我以前貌似保存的！写页面的时候直接粘贴进去的！ 给大家提个醒了，标签属性一定要小写，属性值大小写无所谓~

在做一个页面时，测试过了IE和FF，OP都没问题。当我再去chorme 和 safari里测试时，真是一个难看。我心想我写页面也没烂到介个地步啊，通过一番测试，发现是ul的问题，我需要再给ul margin:0; padding:0;  重设下就不会有事了~~  但想不通的是为什么会介样呢？  因为我在reset里已经重设过了，
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, input, textarea, img, blockquote, th, td { margin:0; padding:0; }  
真是想不通了，为什么还要重设一遍，后来去森林群里去请教，along看了页面发现了问题。
我的样式表一开始是介样写的：
……

一项目中，设计设计的头部是通栏的，中间是定宽，两侧背景自适应的~ 一边是黑色块，一边是红色块，下面是还带边框的。  介种设计不多见。俺也是头一次遇到。咋实现呢？  一开始用了一种笨方法。就是给html写了一个黑色背景图平铺。 然后再给body一个足够大的红色块背景图。 介样可以实现，但不是好方法。一是，图片太大。二是并不能确保大分辩率情况正常显示。 在标准群里问了下，京-奔波儿灞童鞋给了一种方法可行。但没那么简单，我测试下了，兼容性会有些问题，我做了下修改，做到了兼容，但用到了HACK，用了三层结构：
下面给出代码：
<div class="wrap">     <div class="box">         <div class="boxCon">中间定宽部分</div>     </div> </div>
样式部分：
……

最近在做一项目时，设计师改变了下拉框的默认样式。无奈，只能通过模拟实现。
以下是结构：
<div class="dropDown">     <input class="putIn" name="" type="text" readonly="readonly"/>     <span class="dropBtn"></span>     <ul class="dropList">         <li>下拉一</li>         <li>下拉二</li>         <li>下拉三</li>         <li>下拉四</li>         <li>下拉五</li>     </ul> </div>
以下是JQ代码：
……