- 2
- 0
- 约3.11千字
- 约 6页
- 2018-02-24 发布于河南
- 举报
做滑动门的步骤
写好html
div id=tabs0
ul id=menu0
li onmouseover=setTab(0,0) class=hovera href=#热点单品/a/li
li onmouseover=setTab(0,1)a href=#频道精华/a/li
li onmouseover=setTab(0,2)a href=#最热卖场/a/li
/ul
div id=main0
ul class=blockli热点单品详细内容/li/ul
ul class=noneli频道精华详细内容/li/ul
ul class=noneli最热卖场详细内容/li/ul
/div
/div
设置菜单和菜单详细内容的css样式
设置菜单的id为menu0、菜单详细内容的id=main0,添加菜单的class=menu0用css代码先把滑动门的外形做好,现在滑动门还不能动。
效果如下
3.添加js代码,让滑动门动起来
具体代码解释如下:
script
!--
function setTab(m,n)/*m表示第几个滑动门,n代表用户选中的是第个菜单项*/
{
var tli=document.getElementById(menu+m).getElementsByTagName(li);//得到id为menu0中的标签名为li的元素
var mul=docume
原创力文档

文档评论(0)