横向导航，冒泡排序

Posted 2020-08-17 发瑞

列表的横向导航超链接：

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