鼠标移进移出显示隐藏

开发工具与关键技术：Visual Studio 2015
作者：杨镇虹
撰写时间：2019.05.14

一、js鼠标移进移出宠物运输条件显示隐藏详细说明内容
Var获取到宠物运输条件ID (position)
var position = document.getElementById(“position”);//宠物运输条件ID
var获取到宠物运输条件详细说明内容ID(animalcarry)
var animalcarry = document.getElementById(“animalcarry-helper”);//详细说明-宠物运输条件
鼠标移到onmouseover宠物运输条件（position），给这个宠物运输条件详细说明内容（animalcarry）的这个div设置style.display = (“block”);显示内容
position.onmouseover = function () {
animalcarry.style.display = (“block”);
}
鼠标移进onmouseover到这个宠物运输条件详细说明内容（animalcarry）里面也让它把内容显示block不关闭
animalcarry.onmouseover = function () {
animalcarry.style.display = (“block”);
}
鼠标移出onmouseout这个宠物运输条件position这个div盒子，把这个宠物运输条件详细说明内容animalcarry的这个盒子的div设置style =display隐藏none内容
position.onmouseout = function () {
animalcarry.style.display = (“none”);
}
鼠标移出宠物运输条件详细说明内容animalcarry给这个盒子设置style= display隐藏none
animalcarry.onmouseout = function () {
animalcarry.style.display = (“none”);
}
鼠标移进移出查看客票儿童显示隐藏详细说明内容，var获取两个盒子的ID，一个查看客票儿童这个盒子的ID（position1）另一个是查看客票儿童详细说明的内容的盒子的ID(ticket)
var position1 = document.getElementById(“position1”);//查看客票儿童ID
var ticket = document.getElementById(“ticket-helper”);//详细说明-查看客票儿童
鼠标移进onmouseover查看客票儿童position1这个盒子给查看客票儿童详细说明的内容ticket的盒子设置style= display显示block内容
position1.onmouseover = function () {
ticket.style.display = (“block”);
}
鼠标移进onmouseover查看客票儿童内容ticket的这个盒子，给这个内容的盒子也设置style= display显示block内容
ticket.onmouseover = function () {
ticket.style.display = (“block”);
}
鼠标移出onmouseout查看客票儿童position1这个盒子，把显示出来的查看客票儿童内容ticket的这个盒子设置style= display隐藏none内容
position1.onmouseout = function () {
ticket.style.display = (“none”);
}
鼠标移出onmouseout显示出来的查看客票儿童内容ticket的盒子把显示的内容这个盒子设置style= display隐藏内容none
ticket.onmouseout = function () {
ticket.style.display = (“none”);
}
鼠标移进移出价格保障这个盒子显示隐藏价格保障详细说明的内容，var获取到这两个盒子的ID
var position2 = document.getElementById(“position2”);//价格保障ID
var minprice = document.getElementById(“minprice-helper”);//详细说明-价格保障
鼠标移进onmouseover去价格保障position2这个盒子给价格保障minprice内容这个盒子设置style= display把隐藏的内容显示block出来
position2.onmouseover = function () {
minprice.style.display = (“block”);
}
鼠标移进onmouseover去价格保障详细说明内容minprice的这个盒子让显示出的内容也给它设置style= display内容显示block不关闭
minprice.onmouseover = function () {
minprice.style.display = (“block”);
}
鼠标移出onmouseout价格保障这个盒子，给显示出来的价格保障内容minprice这个盒子设置style= display把显示出来的内容隐藏none掉
position2.onmouseout = function () {
minprice.style.display = (“none”);
}
鼠标移出onmouseout这个价格保障的内容minprice这个盒子给这个盒子设置隐藏none
minprice.onmouseout = function () {
minprice.style.display = (“none”);
}