商城分类导航效果_技术问答

首页免费课商城分类导航效果问答

商城分类导航效果

全部评论问答未解决精华

慕粉3681585

老师有点可爱

0 2-1 分类导航一级菜单制作(CSS版)

2017-04-07

Wastetime

border:1px solid #DDD;
border-shadow:0 0 8px 8px ;/*box-shadow:【偏移方式】 X轴偏移量（必选） Y轴偏移量（必选）【阴影模糊半径（必选为正值）】【阴影扩展半径（可正可负）】【颜色】*/
-wor-border-shadow:0 0 8px 8px;
-wik-border-shadow:0 0 8px 8px;
background-image:none;

1 2-4 编程练习

2017-04-05

慕设计8859433

喜欢男老师，比女老师讲得好多了，每个细节都讲的很到位，笔芯❤

2 1-2 商城分类导航分析

2017-03-28

Hello尐由菜花

跟着老师一步一步的做出来的感觉很棒

2017-03-21

_夕晨踏雪

背景图片地址：http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg

9 2-1 分类导航一级菜单制作(CSS版)

2017-03-18

_夕晨踏雪

评论亮了。。

0 1-2 商城分类导航分析

2017-03-18

柔顺济

.rightPic{
position:absolute;
right:-30px;
bottom:-30px;
}

<img class='rightPic' src='http://img1.sycdn.imooc.com//541120c80001aae401970164.jpg' />

0 4-3 编程练习

2017-03-13

柔顺济

var Lis=document.getElementsByTagName('li');
for(var i=0; i<Lis.length; i++){
Lis[i].onmouseover=function(){
this.className="lihover";
}
Lis[i].onmouseout=function(){
this.className="";
}
}

0 3-2 编程练习

2017-03-13

柔顺济

display:block;
float:left;
border-left:1px solid #ccc;

0 2-6 编程练习

2017-03-13

柔顺济

.topmenu li:hover
{
border:1px solid #ddd;
box-shadow:0 0 8px #A9A9A9;
-moz-box-shadow:0 0 8px #A9A9A9;
-webkit-box-shadow:0 0 8px #A9A9A9;
background:none;
}

0 2-4 编程练习

2017-03-11

柔顺济

任务一：
background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
background-repeat:no-repeat;
background-position:right;
任务二：
background:none;

0 2-2 编程练习

2017-03-11

几核

当你定义的CSS中有position属性值为absolute、relative或fixed，
用z-index此取值方可生效。
此属性参数值越大，则被层叠在最上面。

0 2-5 悬浮层制作

2017-03-09

几核

box-shadow是css3属性，用于向框添加一个或多个阴影，ie9+以及火狐、chrome、opera均兼容。box-shadow 前面两个值为纵向阴影和横向阴影，把这两个值都设置为 0 就是四边都有阴影，第三个参数表示上下阴影大小为8px，第四个参数老师没写，即默认为左右阴影为0px。

9 2-3 鼠标浮动效果

2017-03-09

Terry2415

老师基础要加强

0 4-2 细节优化及扩展（二）

2017-03-04

我妄图看到光

@脑阔疼这个..
this.className = "lihover" ;可以优化成 this.className += " lihover"
this.className = ""可以优化成 this.className -= " lihover"

+= 可以实现，-=好像为NaN啊

3 3-2 编程练习

2017-03-03

首页上一页 4 5 6 7 8 9 10 下一页尾页

开始学习

课程须知: 如果您已经掌握了HTML/CSS、JavaScript的基础知识，但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧！

老师告诉你能学到什么？: 让您学会开始编程前如何进行分析，让编写代码变的事半功倍；如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码，参与3人拼团

热搜

最近搜索清空

商城分类导航效果