为了账号安全,请及时绑定邮箱和手机立即绑定

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
也想问问老师,这个js的方法是不是在css3之前的方法,好像现在css3自己就可以了这样了。不需要js的编写。
window.onload=function(){
var aA=document.getElementsByTagnName('a');
for(var i=0;i<aA.length;i++){
aA[i].onmouseover=function(){
var This=this;
clearInterval(This.time);
This.time=setInterval(function){...
if(This.offsetWidth>=160)...}}}}
margin-top:-10px;
background-position:0 30px;
我居然是第六个评论。
我居然是第五个评论。
border-radius
我居然是第四个评论
......
方法1 :
直接在<li>里面设置样式
<ul style="list-style:none;">
<li style="display:inline">横向排列</li>
<li style="display:inline">横向排列</li>
</ul>
方法2 :定义li的css样式
<style type="text/css">
<!--
li{
background-color:#ccccc;
text-align:center;
float:left;
width:70px;margin:3px;
padding:3px;
list-style:none;
}
-->
我居然是第三个评论
我居然是第二个评论。
这个代码写作风格要打屁屁的~
用图片制作圆角菜单是在原来CSS3不流行的时候,为了IE系列,不得不用图片。现在CSS3普及了,同时基本上不考虑IE8以下的样式了,所以大多都用CSS3的border-radius实现了。
卧槽,真他妈的难!!!
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消