首页 > 代码库 > 横向导航,冒泡排序
横向导航,冒泡排序
列表的横向导航超链接:
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
横向导航,冒泡排序