51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#按效果付费
JS组件系列——Bootstrap寒冬暖身篇：弹出框和提示框效果以及代码展示
前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件，这章来看看boo...
代码星球
·
2020-04-01
JS
组件
系列
Bootstrap
寒冬
Web前端鼠标悬停实现显示与隐藏效果
css定义，偏移量，相对定位，绝对定位显示与隐藏二维码相对于微信图标定位鼠标悬停微信图标上显示鼠标离开微信图标时隐藏什么是定位，就是定义网页标签在运行时显示的位置css提供Position属性用于指定元素在网页中定位的方式background-position:设置背景图片的显示位置[外链图片转存失败(img-daNN...
代码星球
·
2020-04-01
Web
前端
鼠标
悬停
实现
三种方式实现下拉菜单效果
使用3种方式实现下拉菜单效果：html/css、js方法实现下拉菜单显示隐藏、jquery方法实现下拉菜单显示隐藏先看效果图第一种：html/css方式实现<!DOCTYPEhtml><html><head><metacharset="utf-8"/><...
代码星球
·
2020-03-31
三种
方式
实现
下拉菜单
效果
用echartsjs 实现动态绘制折线、柱状等图形，并实现多图联动效果
echarts对于大数据处理后绘制折线图，柱形图等等的效果和速度都很好。下面我们介绍怎么把封装的数据列表解析出来，动态绘图，并且实现鼠标联动效果引入js文件:<scripttype="text/javascript"src="js/jquery-1.12.3.min.js"></script>&...
IT猿
·
2020-03-28
实现
echartsjs
动态
绘制
折线
jquey动画效果
jquery的事件没有on，js的有。 <htmllang="en"><head><metacharset="UTF-8"><title>魔降风云变</title><style>#box{width:200px;height:200px;...
IT猿
·
2020-03-28
jquey
动画
效果
Python与机器视觉（x）下雨啦，图片模拟雨天效果
本系列博客主要分享Python在机器视觉/计算机视觉下的编程应用cv2包是著名的视觉库OpenCV的Python实现在opencv中，可以利用随机噪声、滤波器等方法为图像叠加仿真的雨滴的运动轨迹，使通常情况下拍摄的图像有了烟雨蒙蒙的效果。picfrompexles.com1.生成随机噪声首先，我们需要生成不同密度的随机...
IT猿
·
2020-03-27
Python
机器
视觉
下雨
图片
vue 图片放大镜效果
插件名称：vue-photo-zoom-prohttps://github.com/Mater1996/vue-photo-zoom-pro 效果图 使用：<template><divclass="images"><img@click.stop="showB...
IT猿
·
2020-03-27
vue
图片
放大镜
效果
mui 常见的效果
上传图片，预览图片：<!--upload--><divid="feedback"class="mui-pagefeedback"><divclass="mui-page-content"><divid='image-list'class="rowimage-list">&...
IT猿
·
2020-03-26
mui
常见
效果
weui 弹框中的单选效果
<!--性别修改弹框--><divclass="weui_dialog_alert"id="doctorSexDialog"style="display:none;"><divclass="weui_mask"></div><divclass="weui_dialo...
IT猿
·
2020-03-26
weui
弹框
中的
单选
效果
weui 多网页切换效果分析
weui的文档写的不怎么详尽，简单的来讲WeUI 为微信Web服务量身设计的h5框架。WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信Web开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、icon等各...
IT猿
·
2020-03-26
weui
网页
切换
效果
分析
css 导航，菜单对应页面切换效果实现方法
实现原理：每个菜单有多个li标签，每个li标签含一个id,li标签的id用来标记：点击效果每个页面有一个id，这个id的作用是对应每个li标签的点击链接对应的页面，它的作用是用来标记：li标签的href指向页面位置li标签的href的指向,通过伪类target指向唯一的页面id:#app-version:target，...
IT猿
·
2020-03-26
css
导航
菜单
对应
页面
以 “月” 为单位的可以翻页的效果 显示为 2016年01月
先上效果图： 动作：向前翻一页，显示为201年12月；向后翻一页，显示为 2016年1月动作2：日期与数据关联 previousDiv上一页IDnextDiv下一页IDheaderTitleDiv日期容器ID日期是需要放在input里的，ID为titlehtml：<!--图表的容器-...
IT猿
·
2020-03-26
为单位
可以
翻页
效果
显示
以 “日” 为单位的可以翻页的效果 显示为 2016/01/11
先上效果图：动作和“周”是一样的，步骤简化，：一、日期容器html<!--日期的容器--><divclass="headerDiv"><divid="previousDiv"class="previousImgDiv"></div><divi...
IT猿
·
2020-03-26
为单位
可以
翻页
效果
显示
以 “周” 为单位的可以翻页的效果 显示为 2016年第2周
先上效果图：动作：向前翻一页，显示为2016年第1周；向后翻一页，显示为 2016年第3周动作2：日期与数据关联 这么多代码只要看一个地方就OK了，这里有三个DIV,分别是：previousDiv上一页IDnextDiv下一页IDheaderTitleDiv日期容器ID日期是需要放在input里的，...
IT猿
·
2020-03-26
为单位
可以
翻页
效果
显示
android——webview修改html界面，达到去除或隐藏部分界面的效果
去除NBA及CAB频道。为了达到这个效果，当时考虑了两种方式。第一种是在webview加载前，先讲html代码拉下来，修改后，在通过webview去加载。第二种就是查看源代码，直接动手修改源代码，然后把源代码放在assets文件下，每次直接从本地加载。在查看完源代码(在电脑浏览器，打开网页，右键单击，查看源代码)后发现...
IT猿
·
2020-03-26
android
webview
修改
html
界面
首页
上一页
...
30
31
32
33
34
下一页
尾页
按字母分类：
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他