如何检查元素是否具有悬停属性并对css中的其他元素执行某些操作

时间:2016-06-27 20:46:08

标签: html css html5 css3

所以我尝试在CSS中制作一些东西,我想做一个下拉类型思考,我不知道如何检查一个元素是否有一个悬停属性,并对CSS中的另一个元素做一些事情如何那样做?

示例:

if(element 1悬停){  对元素2做点什么 }

源: http://pastebin.com/EaKimzpP

2 个答案:

答案 0 :(得分:2)

这分为两部分:

  1. 要查看是否启用了悬停,请查看标记,然后查看CSS中是否有标记:hover元素。

  2. 要根据悬停操作页面上的其他内容,则需要JQUERY:

    $()。悬停(   function(){      做一点事;   } );

  3. 希望这有帮助。

    添加W3Schools的参考资料以帮助您进行下拉菜单开发:http://www.w3schools.com/css/css_dropdowns.asp

    更新1: 此示例提供了一个允许您调整转换的解决方案。需要JQUERY库:

    https://toddmotto.com/html5-and-jquery-super-simple-drop-down-nav/

答案 1 :(得分:0)

你需要像这样使用jquery:

$('tag1').hover(function(){ 

         $('tag2').method();

});

希望有所帮助:)