首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端-10款web动画插件

    今天分享这款就是基于jQuery瀑布流图片筛选插件,我们可以点击图片分类名称,即可将对应分类下图片以瀑布流方式展示出来,这款插件在筛选图片上使用还是比较方便。 ?...2.基于Layui可自定义添加删除数据表格处理插件 如何在网页上编辑表格数据,这通过自己编写JS和CSS实现都是比较麻烦jQuery有很多插件可以完成这种功能,比如这款jQuery简易版Excel...5.jQuery左侧边栏多级菜单 适合后台管理页面使用 这是一款基于jQuery侧边栏多级下拉菜单插件,这个菜单特点是可以固定在左侧边栏,当页面滚动时整个菜单可以保持一直可见,方便操作。...10.CSS3深色背景垂直手风琴菜单 手风琴菜单我们已经分享过很多了,特别是垂直手风琴菜单更为常见,比如这款jQuery手风琴样式多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。...这次要分享也是一款基于CSS3深色背景垂直手风琴菜单,实现原理与之前比较类似,但是菜单展示形式略有不同,这个手风琴菜单当展开时菜单会有水平飞入动画效果。 ?

    5.9K50

    本周先行者课程--多级下拉菜单回顾

    这个周末咱们开始讲新前端组件,多级下拉菜单。这个东西我们以前讲过一次,但因为感觉之前讲有些不太充分,还是把它再拿出来讲一下。...今天要讲二个主题: 多级菜单业务流程和需要分析; 基于React最简单实现。...现在我在白板上,画一下使用多级下拉菜单几种典型方式, 1,顶部,用户登录之后用户权限下拉菜单; 2,左边,例如京东产品列表; 3,底部,仿win开始菜单; 4,nav导航栏; 当然还有更多应用方式...因为每个页面每个网站多级菜单基本都不相同。所以它讲究就是松耦合与可维护、可定制。...然后这个菜单每一次点击之后,都会引起以下事件和变化, 1,获取数据; 2,显示下一级菜单; 3,页面跳转或重绘 所以我们要在绑定事件那里做好下一步操作衔接。

    1.4K80

    Bootstrap框架简单使用

    下载完成后将解压后文件夹放到项目根目录,并在网页中引入BootStrap提供CSS代码或压缩版CSS代码: <link rel="stylesheet" href="....,建议通过 JavaScript <em>代码</em>来禁止链接<em>的</em>原始功能。...Bootstrap组件 Bootstrap 自带了大量可复用<em>的</em>组件,包括字体图标、<em>下拉菜单</em>、导航、警告框、弹出框等更多功能。...以<em>下拉菜单</em>为例: 先在官方文档复制<em>下拉菜单</em><em>的</em>实列结构,然后修改其中组成<em>菜单</em><em>的</em>html<em>的</em>内容。.../bootstrap-3.3.7-dist/js/bootstrap.min.js"> 插件使用 以下拉菜单为例,你可以直接在插件使用文档里面,复制下拉菜单插件HTML结构,然后再跳转其相关结构和内容

    3.6K10

    前台开发从头说起:谈谈CSS选择符

    实际上css还支持一些更丰富选择符。但是能够被浏览器广泛支持其实主要就是上面这几种,其它选择符在css中往往用来区别处理不同浏览器,或者用在jQuery一类框架中。本文就不提了。...菜单2-3 这个结构是我在《来自微软纯css下拉菜单》一文中用到下拉菜单结构。...仍然以上面的下拉菜单列表为例。首先使用 ul a 对父级菜单链接应用样式,然后用ul ul a就可以精确定位到次级菜单链接,应用新样式,对ul a定义进行覆盖。...那么,如果是要精确定位到第二级菜单第二个元素呢?由于css3选择符目前还没被广泛支持,而结构又没有差异,不借助javascript有困难了。...) 都能得到第二个菜单第二个菜单元素。

    1K70

    html 下拉导航栏源码,html导航栏下拉菜单怎么制作?这里有详细代码实例「建议收藏」

    大家好,又见面了,我是你们朋友全栈君。 元素来包裹这些元素,并使用CSS来设置下拉内容样式。...html导航栏菜单CSS部分: .dropdown类使用position:relative,这将设置下拉菜单内容放置在下拉按钮(使用position:absolute)右下角位置。....dropdown-content类中是实际下拉菜单。默认是隐藏,在鼠标移动到指定元素后会显示。 注意min-width值设置为160px。你可以随意修改它。...我们使用box-shadow属性让下拉菜单看起来像一个”卡片”。 :hover选择器用于在用户将鼠标移动到下拉按钮上时显示下拉菜单。 看完了解释,现在有点懂了吗。...把这些解释带到上面的代码上去,然后就懂了。 现在让我们来看看上述代码在浏览器中显示效果: html中字体颜色怎么设置?

    4.1K50

    dropDownList属性

    下拉菜单文本框就是其中之一,效果图如下(真要自己完全设计,还得费一番功夫) 关于该组件详情参看Bootstrap官网、带下拉菜单文本框 看到上面的效果图,使我想到WinForm编程中DropDownList...) 3、文本框不能编辑,只能通过点击菜单来更改内容 4、能设置下拉菜单最大高度,使得菜单项过多时,能出现滚动条。...默认是true,也就是不能编辑,只能通过点击菜单来改变文字; MaxHeight:下拉菜单最高高度。...默认值是-1,不设置最高高度,菜单高度由菜单条目决定; onSelect:设置选择菜单条目时调用函数。默认值是$.noop(),JQuery空函数; Items:菜单条目的集合。...DropDownList组件代码如下,由于是基于JQuery,故要把该代码置于JQuery引用代码之下: 代码比较简单,主要就是依据属性值来拼接HTML代码,下面简单说明一下: ReadOnly实现

    2.2K100

    Bootstrap笔记

    -- 你HTML结构...... --> <!...让低版本浏览器可以支持CSS媒体查询功能基础CSS样式概要预置排版样式统一预制标签样式按钮样式表格样式表单样式图片样式辅助工具类代码样式栅格系统响应式工具类预置界面组件导航导航条面包屑导航下拉菜单按钮式下拉菜单按钮组输入框组警告框页头分页列表组面板媒体对象进度条...Glyphicons标签徽章缩略图大屏幕嵌入内容内嵌JavaScript插件JavaScript插件依赖情况如何使用Javascript插件内置组件模态对话框下拉菜单滚动监听标签页工具提示弹出框警告框按钮折叠面板轮播图吸顶效果...表格样式 表单样式 图片样式 辅助工具类 代码样式 栅格系统 响应式工具类 预置界面组件 导航 导航条 面包屑导航 下拉菜单 按钮式下拉菜单 按钮组 输入框组 警告框 页头...插件 内置组件 模态对话框 下拉菜单 滚动监听 标签页 工具提示 弹出框 警告框 按钮 折叠面板 轮播图 吸顶效果 data-spy=”affix” data-offset-top=”什么位置出现”

    3.4K90

    第120天:移动端-Bootstrap基本使用方法

    第三方依赖 jQuery——Bootstrap框架中所有JS组件都依赖于jQuery实现 html5shiv——让低版本浏览器可以识别HTML5新标签,如header、footer、section...等 respond——让低版本浏览器可以支持CSS媒体查询功能 条件注释:当满足if条件时,才执行里面的文件 22 23 <script src...——面包屑导航——下拉菜单——按钮式下拉菜单——按钮组——警告框——页头——分页——列表组——面板——媒体对象——进度条——Glyphicons——大屏幕——嵌入内容——内嵌 将日常使用一些功能块,提前写好...(3)javascript插件 内置组件 模态对话框——下拉菜单——滚动监听——标签页——工具提示——弹出框——警告框——按钮——折叠面板——轮播图——吸顶效果

    3.2K40

    Excel 创建一级、二级、三级……联动下拉菜单,一次彻底讲透它!

    只需要鼠标点点点,就能轻轻录入数据,还减少了解释时间成本。图片但是,很多伙伴跟小何说,只会制作普通一级下拉菜单,遇到稍微复杂一点二级甚至更多级联动下拉菜单就犯难。...既然伙伴们有这个请求,知识兔一定满足大家,今天我们就一起来看看【Excel 中下拉菜单】是如何制作~1一级菜单一级下拉菜单,直接使用【数据验证】就可以完成。...视频课程获取地址有时候,我们需要在右侧下拉菜单中多添加一项,然而,发现左侧下拉菜单是无法同步更新。因为这是静态下拉。这时候该怎么办呢?...在右边智能表格添加了"小何"后,原本下拉菜单也会同步更新,现在我们就能在下拉菜单里面选中这个新选项了。这个方法,不仅可以增删内容,调整选项顺序也是可以,自己可以去尝试一下。...看最后效果:3三级下拉菜单其实掌握了二级下拉菜单,三级下拉菜单甚至更多级也就掌握了,因为方法是类似的,无非就是多设置几次而已。

    18.6K10

    TDesign 更新周报(2022年10月第2周)

    组件库Vue2 for Web 发布 0.49.0❗ Breaking ChangesDropdown: 调整Dropdown样式,优化多层菜单样式结构,多层菜单结构有变动 @uyarn (#1607)...FeaturesDropdown: @uyarn (#1607) 支持direction API,支持向左展开菜单新增theme等API 支持自定义菜单项主题支持直接使用 t-dropdown-menu...作为节点,同时继续支持 dropdown 具名插槽,插槽方式支持多级菜单嵌套Tag: 样式优化,实现 light-outline 风格 @HelKyle (#1617)Table: @chaishi...@uyarn (#1851)修复trigger部分响应式丢失问题 @uyarn (#1858)修复插槽平铺内容为节点内容渲染丢失部分元素问题 @uyarn (#1870)Table: 筛选功能,...项目通用 less vars 设置为全局变量,不需要再手动引入 by @dianjie in Tencent/tdesign-vue-next-starter#327升级组件库依赖至0.24.2 优化下拉菜单高度及多级结构

    1.1K20

    dropdown和dropdownlist_listclear方法

    方法一: 在后台声明变量paramName来保存下拉菜单状态, 前台使用来获取状态值。...,后台中其他两个下拉菜单对应变量值就会变为null,因为AutoPostBack=”True”用户修改下拉菜单值时页面刷新,car、mouse、notebook值都被重置null,用户修改哪个下拉菜单就会去执行对应...解决方法: 我们可以在所有下拉菜单SelectedIndexChanged方法中,对car、mouse、notebook均进行赋值这样就不会出现其他变量值为null情况了。...虽然这种方法能达到目的,但是代码冗杂实际效果也不太好,在此不推荐使用。...方法二:用jquery方法获DropDownList取控件值 如果用jquery方法获取下拉菜单值时,不用设置AutoPostBack=”True” 和OnSelectedIndexChanged

    75140
    领券