码迷,mamicode.com
首页 > 编程语言 > 详细

横向导航,冒泡排序

时间:2016-11-07 22:05:34      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:背景   文字   属性   cin   alert   ack   样式   鼠标   list   

列表的横向导航超链接:

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

横向导航,冒泡排序

标签:背景   文字   属性   cin   alert   ack   样式   鼠标   list   

原文地址:http://www.cnblogs.com/cyrfr/p/6040774.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!