-
box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; 不同浏览器的外发光查看全部
-
list[i].i=i 就是定义一个 i 但是这个 i 属于list[i] 仅有，然后将当前for循环中 i 的值 赋值给list[i].i ; 换一种写法 list[i].a=i ,就是 定义一个 a ，然后将 for循环中 i 的值 赋值给 a ，最后将 a 变成 list[i] 的属性；查看全部
-
<dl> <dt>计算机</dt> <dd>用来计算的仪器......</dd> <dt>定义列表中的项目</dt> <dd>描述列表中的项目</dd> </dl>查看全部
-
1.QQ取色:qq截图时按着ctrl就可以得到16进制颜色值 2.兼容性问题： Firefox: -moz- Chrome、Safari: -webkit- Opera: -o- IE: -ms- 3.设置边框外发光效果： box-shadow: h-shadow(水平阴影的位置,必需) v-shadow(垂直阴影的位置,必需) blur(模糊距离,可选) spread(阴影的尺寸,可选) color(阴影的颜色,可选) inset(将外部阴影 (outset) 改为内部阴影,可选); box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; //firefox -webkit-box-shadow:0 0 8px #ddd; //google查看全部
-
用js给所有的li加onmouseover和onmouseout事件。 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=""; } }查看全部
-
ooooo查看全部
-
dl标签的使用 dd列表中的头目 dt列表中的项目查看全部
-
细节优化及扩展（一） JS中，循环中的变量值都是最终的那个，所以使用lis[i].i=i; 如何解决内容过少或者过多的问题： 将左侧一级菜单与悬浮层的底部进行高度对比： 首先获取左侧一级菜单所处的高度(一级菜单li的索引*每个高度为30+标题部分的高度)：h0=(this.i-1)*30+42; 获取悬浮层的高度（当前活动DIV上部距离顶部的高度+本身DIV的高度）即：h=this.getElementsByTagName('div')[0].style.Top+this.getElementsByTagName('div')[0].offsetHeigth; 内容过少时：if(h<h0){this.getElementsByTagName('div')[0].style.top=h0+"px";} 内容过多时：if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top='3px';} <script type="text/javascript"> window.onload=function(){ var Lis=document.getElementsByTagName("li"); for(i=0;i<Lis.length;i++){ Lis[i].i=i; Lis[i].onmouseover=function(){ this.className="lihover"; var h0=(this.i-1)*30+42; var y=this.getElementsByTagName("div")[0].offsetHeight; var h=this.getElementsByTagName("div")[0].style.top+y; if(h<h0){this.getElementsByTagName("div")[0].style.top=h0+"px";} if(y>550){this.getElementsByTagName("div")[0].style.top="3px";}} Lis[i].onmouseout=function(){this.className="";}}} </script>查看全部
-
用js给所有的li加onmouseover和onmouseout事件。 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=""; } }查看全部
-
悬浮层制作 纯CSS实现京东导航效果 <dl> <dt>计算机</dt> <dd>用来计算的仪器......</dd> <dt>定义列表中的项目</dt> <dd>描述列表中的项目</dd> </dl> 导航分级菜单推荐用dl标签实现 css局限性要比js多，推荐js 利用a标签的“border”属性来制作“”分隔线效果 z-index属性巧妙实现遮挡效果 CSS中的hover选择器在IE6中可能会失效，在IE6下只有a才支持:hover伪类，其它标签都不支持，为了兼容IE6可以加补丁css/csshover.htc，在body选择器中添加代码：body{behavior:url(css/csshover.htc);}，csshover.htc文件可以在网上下载 它利用javascript脚本来给元素的样式定义，如果检测到hover定义，就给元素设置onmouseover和onmouseout事件，以此来实现hover的效果。 overflow:hidden去除浮动: 当一个盒子设置overflow:hidden，而盒子内的所有元素都设置为浮动，此盒子不会因为所有元素的浮动而坍塌: 1.如果此盒子设置了宽高值，那么无论盒子内元素的宽高为多少，盒子的宽高值都是我们设定的值； 2.如果此盒子没有设置宽高值，那么盒子内元素将撑开此盒子(盒子将不会因为元素的浮动而坍塌)。查看全部
-
1.QQ取色:qq截图时按着ctrl就可以得到16进制颜色值 2.兼容性问题： Firefox: -moz- Chrome、Safari: -webkit- Opera: -o- IE: -ms- 3.设置边框外发光效果： box-shadow: h-shadow(水平阴影的位置,必需) v-shadow(垂直阴影的位置,必需) blur(模糊距离,可选) spread(阴影的尺寸,可选) color(阴影的颜色,可选) inset(将外部阴影 (outset) 改为内部阴影,可选); box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; //firefox -webkit-box-shadow:0 0 8px #ddd; //google查看全部
-
设置1.png为背景，靠右，且不重复 background-image: url(1.png); background-repeat: no-repeat; background-position: right; 设置背景为空 background-image: none;查看全部
-
PX：像素Pixels PT：点Points pt是绝对长度单位 px是相对长度单位查看全部
-
用a标签对搜索引擎不友好查看全部
-
商城类网站导航菜单制作 门户类网站特点：导航在上方平铺展示，一般没有二级菜单 商城类网站特点：采取竖向列表，横向伸缩的导航形式，把数量巨大的类别集中在很小的区域查看全部
举报
0/150
提交
取消