首页 > 代码库 > 横向导航,冒泡排序

横向导航,冒泡排序

列表的横向导航超链接:

Css样式: (1)

  #p1 ul  li {   list-style:none;

                float:left

}

#p1 ul  li   a{

                   display:block;

             width:

             height:

             color:    

text-decoration:none;

}

 

(2)

#p2 ul

{

      list-style:none;

      display:inline;

      }

#p2 ul li{

      float:left;  

      }

 

Body中程序: <div id=”p1”>  

<ul>

<li>内容</li>

<li>内容</li>

<li>内容</li>

</ul>

</div>

 

 

 

 

 

 

JS控制的冒泡排序:

           <script type="text/javascript">

          var atter=[1,2,3,4,5,6,7,8,9];

         for(i=0;i<atter.length-1;i++)

   {

          for(j=0 ;j<atter.length-1-i;j++)

           {

                 if(atter[j]<atter[j+1])

                 {

                      var a = atter[j];

                      atter[j]=atter[j+1];

                      atter[j+1]=a;

                      }

                 }

                

         }

         alert(atter);

</script>

 

操作变换排列顺序

 

 

 

 

id 优先权 * #

 

 

鼠标悬停背景色变换css样式:

#div:hover{ background-color:#F00;}

 

字体添加:font-family  编辑字体列表   选择要添加字体。

 

 

Div设置宽高为0, 为中心扩散效果。

文字的间距:letter-spacing:20px;

Display:属性是块或者是可横向排列    value: block, inline

横向导航,冒泡排序