在js中给a标签写划过的样式怎么写？

JavaScript032

在js中给a标签写划过的样式怎么写？,第1张

定义Id<a id="abc" href="">aaaaa</a>js 代码 赋css样式document.getElementById("abc").className = "cssysb"document.getElementById("abc").className = "cssysb2"在css定义.cssysb{font-size:12px}.cssysb2{font-size:14px}

onmousemove 必须写在svg中，但svg中无法识别html的div标签，我试了一下 可以alert信息。但不能加载HTML元素

别用embed。直接用svg嵌进去试试。

鼠标滑过哪显示啥？

滑过 产品介绍 显示下面的子菜单？

onmouseover是鼠标移动到某元素执行的鼠标事件。

onmousemove是鼠标在某元素上移动执行的事件。

你先把这两个分清楚了，根据你的需求是

先获取你要鼠标滑过的元素 也就是产品介绍这个a元素,你给其设置一个id假如设置其为product

那么先获取他

var product=document.getElementById('product')

再获取你要显示的子菜单元素productInfo

var productInfo=document.getElementById('productInfo')

productInfo.style.display='none'//设置其隐藏，如果CSS里已经隐藏，此步可以省略。

然后设置其鼠标事件，应该选择onmouseover

product.onmouseover=function(){

productInfo.style.display='block'//鼠标移动到product元素上让其子菜单显示。

}

product.onmouseout=function(){

productInfo.style.display='block'//鼠标移出product元素上让其子菜单隐藏。

}

如果你要让每个子菜单都读取他的子菜单可以循环遍历实现。思路相同。