要实现的效果如图所示:
当鼠标滑动时,当前<li>的内容展开更多信息。
要实现这个效果,关键不是JS,而是CSS,需要在<li>标签内,用二个 class 分别控制列表的正常的显示效果[".normal"]以及展开的显示效果[".active"],把样式写好以后,再用JS来实现:
当鼠标移入时,所有的<li>标签类名为 .normal,只有当前的<li>标签类名为 .active
>>效果展示
>>下载代码
来这里学习了··但是不知道可以友情链接么? 名称:海南网站优化 网址:http://www.taoboke.com
老师的网站已经做好了链接了···就等待你的恢复啦··呵呵
姓名 (必填)
E-mail地址 (必填)
网站
· XHTML+CSS页面制作精品课程 ¥1500元
· JavaScript+JQuery网页特效课程 ¥2500元
联系人:刘伟 QQ:20907961 手机:131 41414 820 地址:北京海淀区牡丹园小区北里1号楼811室 交通: 1.地铁: · 地铁10号线 - 牡丹园站B口出站 · 地铁10号线 - 健德门站A口出站 2.公交车: · 645路 - 牡丹园东 下车 · 653路 - 牡丹园东 下车 · 641路 - 牡丹园西 下车 · 826路 - 牡丹园西 下车 · 611路 - 牡丹园西 下车
· 曹骏品牌设计 “好朋友的设计工作室”
· 我烜无限的世界 “我5岁就认识这家伙了”
· UpFlash “专注于flash、flex培训”
· 星模实训学校 “PHP培训”
· 设计师jason “设计师jason”
· SEO优化 “SEO优化”
· 海南网站优化 “海南网站优化”
· 足迹偏右 “足迹偏右”
来这里学习了··但是不知道可以友情链接么?
名称:海南网站优化
网址:http://www.taoboke.com
老师的网站已经做好了链接了···就等待你的恢复啦··呵呵