<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <style> * { margin: 0; padding: 0; list-style: none; font-size: 12px; } .tab { width: 298px; height: 98px; margin: 10px; border: 1px solid #eee; overflow: hidden; } .tab-title { height: 27px; position: relative; background: #f7f7f7; } .tab-title ul { position: absolute; width: 301px; left: -1px; } .tab-title li { float: left; width: 58px; height: 26px; line-height: 26px; text-align: center; padding: 0 1px; border-bottom: 1px solid #eee; overflow: hidden; } .tab li a:link, .tab li a:visited { text-decoration: none; color: #000; } .tab li a:hover { color: #f90; font-weight: 700; } .
js实现鼠标滑过选项卡切换效果
最新推荐文章于 2024-04-08 21:36:34 发布