-
// 封装id函数 function $(id) { return typeof id === 'string' ? document.getElementById(id) : id; } //加载 window.onload = function() { var titles = $("notice-title").getElementsByTagName("li"); var divs = $("notice-content").getElementsByTagName("div"); if(titles.length != divs.length) return; var id = 0; for(var i = 0; i < titles.length; i++) { titles[i].id = i; titles[i].onmouseover = function() { 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"; } } }查看全部
-
1、 最左和最右的标题项被选择时，边框和外边框靠近会使边框变为2倍宽度，通过将标题栏设置得比外div元素宽，绝对定位使标题栏left:-1px，令内边框和外边框重合，从而只显示1倍边框宽度。 2.、下边框处理：将下边框颜色设为白色即可。 3.、左右边框处理：在定义标题项宽度时通过padding留出左右边框的位置，在被选择时设置左右边框后清除掉padding即可，从而不会使文本内容发生变化。 .notice{ width: 298px; height: 98px; border: 1px solid #eee; margin: 10px; overflow: hidden; } .notice-title{ height: 27px; position: relative; background: #F7F7F7; } .notice-title ul{ position: absolute; width: 301px; left: -1px; } .notice-title li{ float: left; width: 58px; height: 26px; line-height: 26px; text-align: center; overflow: hidden; padding:0 1px; background: #fff; border-bottom: 1px; background: #F7F7F7; } .notice-title li.select{ padding: 0; background: #FFFFFF; border-bottom: #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; }查看全部
-
Uncaught TypeError: ps[i].addEventListener is not a function at window.onload查看全部
-
a:hover .content{dispaly: block;}查看全部
-
dispaly: none;查看全部
-
flaot overflow: hidden查看全部
-
:nth-of-type(n):hover + div.content {tarnsform: translateX()} ??? no JS, just CSS!查看全部
-
span ::before ::after查看全部
-
background data-select="selected"查看全部
-
boz-sizing: border-box; :hover查看全部
-
tabs column contents column查看全部
-
inder查看全部
-
setInterval()的使用方法 setInterval()的特点： setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭 由setInterval()返回的ID值可用作clearInterval()方法的参数查看全部
-
clearTimeout(定时器，一般为setTimeout所在的变量) setTimeout()和setInterval()的区别： setTimeout()方法是超时调用，也就是在什么时间以后干什么查看全部
-
选项卡切换类型： 滑过切换 点击切换 延迟切换 自动切换查看全部
举报
0/150
提交
取消