最简单的鼠标悬停,实现下拉列表功能 bootstrap

Myth丶恋晨 2022-07-12 07:59 175阅读 0赞

<html> //最简单的鼠标悬停,实现下拉功能,应用bootstrap框架的知识,不会bootstrap自己百度怎么使用  
    <head>![SouthEast][]  
        <meta charset="UTF-8">  
              
      <link href="../css/bootstrap.min.css" rel="stylesheet">  
            
        <script src="../libs/jquery-1.11.1.js"></script>  
        <script src="../js/bootstrap.min.js"></script>  
        <title></title>  
    </head>  
    <body>

<div class="dropdown" >  
            <span class="dropdown-toggle"  data-toggle="dropdown" data-target="\#" >触发器</span>  
              <ul class="dropdown-menu" >  
                <li>1</li>  
                <li>2</li>  
                <li>3</li>  
                <li>4</li>  
            </ul>  
        </div>  
        <script>  
            $(document).ready(function()\{  
                $("span").hover(function()\{//鼠标悬停触发事件  
                $(".dropdown-toggle").dropdown('toggle');  
                \});  
            \});  
        </script>  
    </body>  
</html>

[SouthEast]: /images/20220711/ff67efe3aaf9430faa78f1d263a1427b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap下拉列表不起作用

1.问题描述我们在使用bootstrap框架的时候，使用下拉列表，只有样式，却点击没反应。这说明我们导入了bootstrap.css，但是没有导入bootstra

曾经终败给现在/ 2023年10月09日 22:05/ 0 赞/ 13 阅读

相关 html鼠标经过自动下拉菜单,js css鼠标悬停显示下拉菜单

个人信息维护学生信息修改修改密码\--%> 修改密码\--%> 修改密码--%> 退出登录用户：

傷城~/ 2022年10月05日 13:57/ 0 赞/ 370 阅读

相关 html下拉列表鼠标悬浮自动先出来,下拉菜单/下拉列表鼠标提示ToolTip【JQuery实现】...

本文介绍如何使用JQuery给下拉菜单/下拉列表增加鼠标提示(ToolTip)。 ![aa919629334475c7ce7dd6f9f0595d4b.gif][] 下拉列

电玩女神/ 2022年10月05日 13:00/ 0 赞/ 329 阅读

相关 Bootstrap可多选、搜索的下拉列表

示例图：可搜索 ![可搜索][20151104115410821] 区分大小写搜索 ![区分大小写搜索][20151104115429802] 需要引用boo

冷不防/ 2022年08月09日 18:48/ 0 赞/ 526 阅读

相关最简单的鼠标悬停,实现下拉列表功能 bootstrap

<html> //最简单的鼠标悬停,实现下拉功能,应用bootstrap框架的知识,不会bootstrap自己百度怎么使用 <head>![SouthEast][]

Myth丶恋晨/ 2022年07月12日 07:59/ 0 赞/ 176 阅读

相关 bootstrap-select插件实现下拉框搜索功能

工作上要用到在下拉框内实现搜索功能，原生的select标签是不能输入的，所以最终找到了bootstrap-select插件，功能十分强大，支持搜索，多选，分组选中等。本文摘

╰半夏微凉°/ 2022年05月12日 11:06/ 0 赞/ 629 阅读

相关【ITEYE】css创建鼠标悬停下拉菜单样式

原文链接：[http://1175644344.iteye.com/blog/2331973][http_1175644344.iteye.com_blog_2331973]

灰太狼/ 2021年12月18日 07:39/ 0 赞/ 407 阅读

相关 RibbonControl在 Minimized情况下实现鼠标悬停在PageCaption上自动下拉

RibbonControl在 Minimized情况下实现鼠标在pagecaption上自动下拉，而不用鼠标单击后才下拉，目前貌似没有发现ribboncontrol自带有

客官°小女子只卖身不卖艺/ 2021年12月16日 09:51/ 0 赞/ 146 阅读

相关文本框鼠标悬停添加提示 bootstrap

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstr

本是古典何须时尚/ 2021年10月08日 05:44/ 0 赞/ 416 阅读

相关 css实现鼠标悬停效果

![在这里插入图片描述][20200527151344896.gif] 感觉css的话，原来的我认为很难学，挺生涩的，但是认真看了以后，感觉css很有意思，能写出很多好看的

浅浅的花香味﹌/ 2021年07月27日 01:57/ 0 赞/ 596 阅读