商城分类导航效果_学习笔记

首页免费课商城分类导航效果笔记

商城分类导航效果

最热最新

慕桂英1307138

http://www.imooc.com/code/3588

查看全部

0 采集收起来源：编程练习
2016-04-19
慕桂英1307138

http://www.imooc.com/code/3587

查看全部

0 采集收起来源：编程练习
2016-04-19
慕桂英1307138

http://www.imooc.com/code/3586

查看全部

0 采集收起来源：编程练习
2016-04-19
小菜包

如何解决内容过少或者过多的问题： 1、内容过少时：将左侧一级菜单与悬浮层的底部进行高度对比；首先获取左侧一级菜单所处的高度(一级菜单li的索引*每个高度为30+标题部分的高度)：h0=[this.i-1]*30+42；其次获取悬浮层的高度（当前活动DIV上部距离顶部的高度+本身DIV的高度）即：h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth; 判断语句：if(h<h0){this.getElementsByTagName('div').style.top=h0;} 内容过多时：if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top=0+3+'px'}

查看全部

0 采集收起来源：细节优化及扩展（一）
2018-03-22
小菜包

<script type="text/script"> window.onload=function(){ //获取所有的Li标签集 var lis=document.getElementsByTagName（"li"）; //循环遍历所有的标签使其在鼠标移到及移出执行相应的命令 for(var i=0;i<lis.length;i++){ lis[i]=i; lis[i].onmouseover=function(){ this.className="lihove"; } lis[i].onmouseout=function(){ this.className=""; } } } </script>

查看全部

0 采集收起来源：编程练习
2018-03-22
小菜包

要求将A标签定义为块显示：display:block; 左浮动：float:left; 左边框线：border-left:1px solid #ccc;

查看全部

0 采集收起来源：编程练习
2016-04-17
人质123

背景图片不可能超出容器跑到外面去，所以要设置悬浮效果必须使用插如图片的方式

查看全部

0 采集收起来源：编程练习
2016-04-17
文森特_

图片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; )

查看全部

0 采集收起来源：细节优化及扩展（二）
2016-04-16
文森特_

用js给所有的li加mouseover和mouseout事件。 window.onload=function(){ 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 采集收起来源：JS实现特效
2018-03-22
MushishiXian 05:22

测试

查看全部

0 采集收起来源：JS实现特效
2016-04-16
Object_is_null

.submenu{ display:none; /*隐藏li里面的DIV块*/ width: 750px; ; position: absolute; left:220px; top:40px; border:1px solid #DDD; z-index: 4; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; } .leftdiv{ float:left; background-color: #aaaaaa; margin: 5px; width: 400px; } .rightdiv{ float:left; background-color: #336699; margin: 5px; width: 200px; } .topmenu li:hover .submenu{ /*鼠标经过li时,触发submenu */ display:block; }

查看全部

0 采集收起来源：鼠标浮动效果
2016-04-15
Object_is_null

font-size: 11pt; list-style-type: none; text-align: left; padding-left: 8px; z-index: 3; background-image: url(1.png); background-repeat: no-repeat; background-position: right;

查看全部

0 采集收起来源：分类导航一级菜单制作(CSS版)
2016-04-15
慕勒1174888

我的代码

查看全部

0 采集收起来源：编程练习
2016-04-11
照南 01:10

dl标签

查看全部

0 采集收起来源：悬浮层制作
2016-04-07
裸奔的萝卜丝

this.className=" " this的class 还原？

查看全部

0 采集收起来源：JS实现特效
2018-03-22