-
http://www.imooc.com/code/3608 JS实现的鼠标放上去出现右侧 鼠标移走隐藏右侧查看全部
-
http://www.imooc.com/code/3588查看全部
-
http://www.imooc.com/code/3587查看全部
-
http://www.imooc.com/code/3586查看全部
-
使用img标签 <img class="rightPic" src="#">; 设定此类的位置： positon:relative; rigth:-35px;bottom-40px;使用副值来使照片溢出查看全部
-
如何解决内容过少或者过多的问题： 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'}查看全部
-
<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>查看全部
-
要求将A标签定义为块显示：display:block; 左浮动：float:left; 左边框线：border-left:1px solid #ccc;查看全部
-
背景图片不可能超出容器跑到外面去，所以要设置悬浮效果必须使用插如图片的方式查看全部
-
图片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; )查看全部
-
用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=""; } }查看全部
-
测试查看全部
-
.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; }查看全部
-
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/150
提交
取消