首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Java架构师必看

    实现无刷新DropDownList联动效果

    为实现DropDownList无刷新二级联动,这几天在网上找了些资料,但都无法达到我想要的效果,经过反复调试,现已基本实现了此功能,现将代码附下。 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <HTML>  <HEAD>   <title>WebForm2</title DropDownList2的值,网上有人说可通过使用隐藏的TextBox控件来获取,我未能实现,因为在客户端隐藏的TextBox控件也是不可用脚本来访问的,没法给其赋值,我只能通过将其样式、字体颜色设于背景相同来达到隐藏效果

    2.5K10发布于 2021-03-22
  • 来自专栏移动开发

    利用 CollapsingToolbarLayout 完成联动的动画效果

    最近项目中需要实现个动画效果,研究了下这里做下简单的分享. 效果图如下: ? 最初的想法是自己去利用 Android 的嵌套滚动机制,去实现上面的嵌套滚动效果.但最后为了开发效率直接利用了 CollapsingToolbarLayout 和 CoordinatorLayout 的效果. 实现效果的原理十分简单,监听 CollapsingToolbarLayout 收缩和扩展的距离,换算成你想要的一个范围比如移动的距离,缩放的比例. 部分源码: <?

    2K10发布于 2018-10-18
  • 来自专栏若城技术专栏

    简单的二级联动效果

    效果图如下 html代码 :主要是selete下拉选项 <select id="bigCity"> <option>----请选择省份----</option> <option>北京

    55410编辑于 2024-02-29
  • 来自专栏全栈程序员必看

    基于jQuery+JSON的省市联动效果

    省市区联动下拉效果在WEB应用中使用非常广泛,尤其在一些会员信息系统、电商网站最为常见,开发者一般使用AJAX实现无刷新下拉联动。 本文将讲述利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果。 HTML 首先在head中载入jquery库和cityselect插件。 如果只想实现省市二级联动,则去掉第三个dist的select即可。 city:"", dist:"", nodata:"none" }); 可以利用PHP等后台语言将数据库中的数据转换成JSON格式,然后使用url参数指向后台地址就能实现无刷新联动效果

    3.4K10编辑于 2021-12-23
  • 来自专栏WordPress果酱

    使用 jQuery 插件 CitySelect 实现省市联动效果

    在一些和会员相关的注册系统中,让用户输入省市信息是非常常见的行为,并且一般都是要求做到省市区联动下拉效果,今天就给大家推荐一个 jQuery 插件 CitySelect,通过 JSON 数据实现省市联动效果 注意如果只想实现省市二级联动,则去掉第三个dist的select即可。

    3.5K20编辑于 2023-04-14
  • 来自专栏用户9239674的专栏

    Android高仿京东2020版首页联动效果

    image.png 新增效果(不同于本篇效果的另一种效果,包含在本项目中): image.png image.png 第一张图 通过RecyclerView+Vlayout多布局实现;第二张具有实战性质的效果图 第一版得布局结构图: image.png 起初考虑到TabLayout和RecyclerView(ViewPager中)可以一起滑动,所以很容易想到的办法就是用Scrollview将两者嵌套进去,效果是实现了 但这样做好像并没有解决TabLayout和列表一起滑动的效果啊?! NestedScrollview嵌套TabLayout+RecyclerView),当viewpager的position==0时,MainActivity中的TabLayout隐藏,其它页面时显示,所有的效果操作由

    1.4K20编辑于 2021-12-10
  • 来自专栏各类技术文章~

    导航栏 和 内容块互相联动切换效果

    继上次文章里写过的效果后,在工作中发现用处很小,所以就改良了一下,增加了些许功能 ### 目的:导航栏跟页面互相联动切换,且选中项居中 因为没有用到vue,所以代码复杂了许多,以后会继续完善; 前端页面

复制代码 传入导航栏内容,导航id 和 页面内容块的id,还可传入当前展示下标,方便做跳转后展示效果 $('#nav .nav-list title: "选项1"}, {id: 1, pid: 1, name: "选项2", title: "选项2"}, {id: 2, pid: 2, name: "选项3" , title: "选项3"}, {id: 3, pid: 3, name: "选项4", title: "选项4"}, {id: 4, pid: 4, name: "选项

1.5K00编辑于 2021-12-06
  • 来自专栏james大数据架构

    JS双月份显示联动效果,点击日期浮出消息提示

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w<em>3</em>.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" #f5f5f5"; aLi[i].style.color = "#999"; } if(month==1 || month==3 for(var i=0;i<dayNum;i++){ aLi[i+3].innerHTML = i+1; Today(); } break; case div>

    </body> </html> 效果

  • 11.5K80发布于 2018-01-22
  • 来自专栏林德熙的博客

    WPF 省市县3联动

    本文告诉大家如何使用绑定做省市县3联动,代码从网上找的。 :CodeView { } 因为可以通过 xaml 绑定 选择的元素,所以可以绑定选择的列 请看前台代码,最重要的是通过省选择的元素来作为下一级的数据,于是选择第一个修改时,就会自动联动 Grid> 可以看到ItemsSource="{Binding Path=SelectedItem.Child,ElementName=ComboBoxProvince}"绑定了上一级选择的元素,所以就可以联动

    2.5K20发布于 2018-09-19
  • 来自专栏跟牛老师一起学WEBGIS

    OL3实现多图联动

    概述: 很多会有多图联动的需求,本文讲述如何在OL3中实现多图的联动。在OL3中,实现多图联动比较简单,只要所有的map通用一个view即可。 效果: ? 测试代码: <html xmlns="http://www.w<em>3</em>.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text utf-8" /> <title>multimap</title> <link rel="stylesheet" type="text/css" href="http://localhost/ol<em>3</em>/ left; border: 1px solid #f00; } </style> <script type="text/javascript" src="http://localhost/ol<em>3</em>/

    76120发布于 2018-10-23
  • 来自专栏林德熙的博客

    WPF 省市县3联动

    本文告诉大家如何使用绑定做省市县3联动,代码从网上找的。 :CodeView { } 因为可以通过 xaml 绑定 选择的元素,所以可以绑定选择的列 请看前台代码,最重要的是通过省选择的元素来作为下一级的数据,于是选择第一个修改时,就会自动联动 Grid> 可以看到ItemsSource="{Binding Path=SelectedItem.Child,ElementName=ComboBoxProvince}"绑定了上一级选择的元素,所以就可以联动

    1.6K20编辑于 2022-08-04
  • 来自专栏前端技术开发

    vue2.0和better-scroll实现左右联动效果

    在做移动端商城或者其他页面的时候,经常会遇到左右联动效果,今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 ? 实现上面的效果,思路一定很重要,还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. menu-wrapper',{}); //右边滚动 this.rightBscroll = new BScroll('.shop-wrapper',{       probeType:3    3.监听右边滚动事件  通过better-scroll提供的 on 事件,当右边内容滚动的时候计算出滚动的距离,一定要在滚动的时候触发这个事件_initBScroll这个方法当中去写 //监听右边滚动事件 menu-wrapper',{}); //右边滚动 this.rightBscroll = new BScroll('.shop-wrapper',{ probeType:3

    1.6K30发布于 2019-09-23
  • 来自专栏夏天的前端笔记

    el-select二级联动效果-摄像头

    效果图 需求:改变货架编号,显示出对应的监控层数。 并且初次渲染的时候,也要展示货架编号的对应监控层列表。

    54110编辑于 2024-01-18
  • 来自专栏java和python

    利用easyui实现 菜单节点和选项卡的联动效果

    -选项卡面板--%>

    <%--linkbutton组件效果 以上是介绍了选项卡的实现 那么如何将菜单和选项卡联动起来呢?实现的效果为 ? [1] 功能需求 点击树状菜单的时候,可以在页面的中心区域中新增一个选项卡,显示当前 菜单的资源。 给树状菜单的节点增加单击事件 ② 在树节点的单击事件中校验当前点击的是资源跳转菜单还是一级菜单 ③ 在树节点的单击事件中增加新增选项卡的逻辑 ④ 判断菜单节点的选项卡是否存在如果已经存在,则选中,而不是创建 [3] 如果我们在里面写几个内部的div,就会有效果。但是现在是点击了菜单之后,里面才建立内部的div,所以需要在菜单按钮上面加事件。 } } } }) }) 写了以上的代码,就实现了联动

    2.1K20发布于 2020-11-19
  • 来自专栏billy的android专栏

    你见过微信侧滑返回的联动效果,但开门效果、百叶窗效果见过吗?

    、 用法及演示 1.1 一行代码实现全局侧滑返回 //仿手机QQ的手势滑动返回 SmartSwipeBack.activityStayBack(application, null); //仿微信带联动效果的透明侧滑返回 drawerMode [侧滑返回效果] behindMode [侧滑返回效果] scaleMode [侧滑返回效果] translateMode [侧滑返回效果] 1.5 一行代码添加滑动菜单 SmartSwipe.wrap : [滑动菜单] 1.6 一行代码添加具有联动效果的滑动菜单 SmartSwipe.wrap(view) .addConsumer(new SlidingConsumer()) .setRelativeMoveFactor (0.3F) //联动系数 .setHorizontalDrawerView(buttonsView) .setScrimColor(0x2F000000) ; 效果图: [可联动滑动菜单 系统的贝塞尔曲线侧滑返回效果、手机QQ的侧滑返回效果及MIUI官方app中的普遍使用了的弹性拉伸效果等等),却有点力有不逮。

    1.9K10发布于 2019-07-17
  • 来自专栏全栈开发那些事

    vue实现下拉框二级联动效果

    vue实现下拉框二级联动效果 1、实现效果 2、后端返回的数据格式 3、vue页面中 1、实现效果 2、后端返回的数据格式 "list": [ { "id": "1178214681118568449 "title": "Java" } ] } ] 数据格式不一定和上面的一样,我上一篇文章是把这个数据格式用在了树形控件上面,这里放在二级联动上面 3、vue页面中 <el-form-item label="课程分类"> <!

    4.4K52编辑于 2023-02-25
  • 来自专栏python3

    H3C NQA联动配置实例

    NQA联动配置举例 1. 组网需求 ·              SecBlade到达Router B的静态路由下一跳为Router A。 ·              在SecBlade上通过静态路由、Track与NQA联动,对到达Router B的静态路由有效性进行实时判断。 2. 组网图 ? 图1-13 NQA联动配置组网图 3. 配置步骤 (1)      按照图1-13配置各接口的IP地址,具体配置过程略。 <SecBlade> system-view [SecBlade] ip route-static 10.1.1.2 24 10.2.1.1 track 1 (3)      在SecBlade上配置 [SecBlade-nqa-admin-test-icmp-echo] frequency 100 # 配置联动项1(连续失败5次触发联动)。

    1.6K10发布于 2020-01-08
  • 来自专栏非著名程序员

    Android实现两个ScrollView互相联动,同步滚动的效果

    最近在做一个项目,用到了两个ScrollView互相联动效果,简单来说联动效果意思就是滑动其中的一个ScrollView另一个ScrollView也一同跟着滑动,要做到一起同步滑动。 效果图 ? ScrollViewListener { void onScrollChanged(ObservableScrollView scrollView, int x, int y, int oldx, int oldy); } 3布局文件引用重写的

    2.6K50发布于 2018-02-01
  • 【Cesium】六、实现鹰眼地图(三维)与主图联动效果

    一、前言 上一篇文章:【Cesium】五、地图实现鹰眼效果(三维),虽然实现了3D 的鸟瞰图效果,但是只有鸟瞰图跟着 主地图在动,如果 在鸟瞰图上操作 主地图却不会跟着同步。 本文则是实现主地图与鸟瞰图的联动效果。 本文参考文章:cesium实现鹰眼地图(三维)与主图联动效果 二、效果 三、实现方法 2.1 思路 鹰眼地图与主图联动,需要判断是主图在动,还是鹰眼地图在动,即需要判断触发事件,否者会造成循环联动,无法实现效果 _viewer.camera.roll, }, duration: 0.0, }) } // 鹰眼地图与主图联动效果 } from "@/utils/HawkEye3DMap.js" 随后在script 中调用方法 // 鹰眼地图初始化 联动效果 let hawkEyeMap = new HawkEye3DMap(viewer

    31410编辑于 2025-12-15
  • 来自专栏喵喵侠的社区活动征文

    如何实现两个下拉选择框 select选中联动效果

    大概是这么个效果,这么描述起来有点复杂。下面我们来看一个实际案例,这样就会清晰很多。 案例 假设现在有两个下拉选择框,选择框1代表公司,选择框 2 代表产品。 3. 如果一开始选中的选择框 2的某个产品(如:微信),那么选择框 1 会被默认选中该产品对应的公司(如:腾讯) 4. } } }); </script> </body> </html> AI 助手虽然给我做出了页面,但是没有替换 cdn,联动还是有问题 this.products.forEach(item => item.display = true) } } }); </script> </body> </html> 实现效果如下

    2.6K30编辑于 2024-06-13
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券