本文通过一个HTML示例展示了如何使用JavaScript控制元素显示和隐藏。在Java中，利用Selenium的Actions类，实现了对页面元素的鼠标悬浮操作，分别使`link1`上方的块显示，并在悬浮到`link2`上时使其消失。这为自动化测试提供了对鼠标事件的模拟方法。
html代码：
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>Title</title>
</head>
<script
language="JavaScript">
function
showNone(){
document.getElementById('div1').style.display="none";
}
function
showBlock(){
document.getElementById('div1').style.display="block";
}
</script>
<style
type="text/css">
#div1{
position:absolute;
z-index:
1;
height:200px;
width:200px;
left:200px;
top:200px;
background-color:
aqua;
}
</style>
<body
onload="showNone()">
<div
id="div1">
</div>
<a
onmouseover="showBlock()"
onmouseout="showNone()"
id="link1">鼠标滑过</a>
<a
onmouseover="showBlock()"
onmouseout="showNone()"
id="link2">鼠标滑过</a>
</body>
</html>
java代码：
@Test
public void test() {
driver.navigate().to(url+"/");
WebElement link1=driver.findElement(By.id("link1"));
WebElement link2=driver.findElement(By.id("link2"));
Actions action=new Actions(driver);
//调用Actions方法，鼠标移到link1上方块显示
action.moveToElement(link1).perform();
try {
Thread.sleep(3000);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
//调用Actions方法，鼠标移到link2上方块消失
action.moveToElement(link2).perform();
}
扫一扫
4204
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
