-
延迟效果查看全部
-
setTimeout是window的只是不需要写出来，方法隶属于谁，this就指向谁，解决方法是用变量存储当前this查看全部
-
mark查看全部
-
有句代码的位置应该优化 pTag[i].dds=i;原来不是设置id随便的值都可以只是取一个名字，当时属性时才必须加上style查看全部
-
下拉菜单效果查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=function(){ var ullist=$('menu').getElementsByTagName('ul'), divlist=$('menu').getElementsByTagName('div'); for(var i=0; i<divlist.length;i++){ divlist[i].id=i; divlist[i].onclick=function(){ for(var j=0;j<divlist.length;j++){ ullist[j].style.display=''; } ullist[this.id].style.display='block'; } } }查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=function(){ //获取鼠标滑过或点击的标签和要切换内容的元素 var titles=$('notice-tit').getElementsByTagName('li'), divs=$('notice-con').getElementsByTagName('div'); if(titles.length!=divs.length) return; //遍历titles下所有的li for(var i=0;i<titles.length;i++){ titles[i].id = i; titles[i].onmouseover = function(){ //清除所有li上的class for(var j=0;j<titles.length;j++){ titles[j].className = ''; divs[j].style.display = 'none'; } //设置当前为高亮显示 this.className = 'select'; divs[this.id].style.display = 'block'; } } }查看全部
-
<link type=“” rel=“” href=“”> <script type="" src=""> title[i].id给遍历的元素加一个属性 divs[this.id]中的this是当前的标签不是盒子，通过当前标签的索引值找到对应的内容盒子查看全部
-
内容横向排列的实现是设置li的margin和大小并且float left display:none是将除了对应盒子（select）之外的盒子隐藏查看全部
-
ul的宽度=298px+2px+1px=301px; li的高度=26px+1px=27px;(border-bottom:1px #fff solid;) ul要比盒子加上边框后的总长度长1像素再左移动1像素这样在被点击时显示的左右边框才不会和盒子的边缘紧挨在一起以至于变得很粗（所以盒子要设为relative ul要设为absolute才能移动-1像素） li的宽度在设置时要考虑被点击状态时加上的两边的边框所以之前未被点击时左右要设置1像素的padding在被点击后padding取消用左右边框代替查看全部
-
<a>标签hover,link(链接自身不被触碰时的状态),visited查看全部
-
mark查看全部
-
划过切换 点击切换 延迟切换 自动切换 最大的优点，可以节省空间。查看全部
-
Tab切换类型 ·滑过切换 ·点击切换 ·延迟切换 ·自动切换查看全部
-
Tab切换类型 ·滑过切换 ·点击切换 ·延迟切换 ·自动切换查看全部
举报
0/150
提交
取消