jquery bind鼠标移入移出事件 jquery鼠标移入移出隐藏显示

开发工具与关键技术：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”);
 }