![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
高彬
C#程序员,欢迎交流,QQ:31705252
展开
-
禁止浏览器缩放
【代码】禁止浏览器缩放。原创 2023-10-17 19:16:16 · 565 阅读 · 0 评论 -
动态菜单,自动对齐
实现类似微信公众号菜单样式,子菜单动态生成数量不固定。原创 2022-06-21 23:08:59 · 67 阅读 · 0 评论 -
H5标签进入或退出可见区域时触发事件
任意一个html元素进入可见区域时触发指定事件,退出可见区域时也触发指定事件,并可控制执行次数。浏览器支持IntersectionObserver则使用不支持则使用scroll 监听。原创 2022-04-14 19:01:59 · 635 阅读 · 0 评论 -
纯CSS水波纹流量思路
此示例仅提供思路,距正式使用还有距离:div画圆形,设置蓝色背景,然后使用after,before画两个圆,然后旋转起来。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>水波纹球</title> <style> body { padding: 0; margin: 0; width原创 2022-01-23 15:49:58 · 547 阅读 · 0 评论 -
H5页面路由管理
项目情况:项目未做 前后端分离(目前前端和后端同一个项目);项目类型:.Net5 MVC ;路由需求:每个页面可以独立访问 ,且每个页面可以局部加载,比如:A页面中可以加载B页面,做为A页面的子页面,或A页面可以跳转到B页面并保持A页面的状态不变(即从B页面反回A页面后A页面的数据仍然存在,可继续使用),不得使用location跳转。解决方案:市面上已知的路由插件没有可适用本项目的,因此根据项目需求,从0开发此插件。路由效果:页面跳转-局部加载直接访问某个页面-完整加载原创 2021-10-12 11:21:53 · 1109 阅读 · 0 评论 -
Jquery-drawer抽屉插件
基于bootstrap和jquery,自定义抽屉样式,pc端web程序常用左右侧抽屉样式,因此本示例不考虑上下侧的抽屉。效果:插件 :$.fn.extend({ drawer: function (options) { var _this = $(this); var defaults = { title: "标题",//默认标题 placement: "right",//left表示左侧滑出,righ原创 2020-11-20 10:52:52 · 2150 阅读 · 0 评论 -
bootstrap的popover呈现table
效果如下图:原生的popover只支持 静态内容,此示例中的table是动态渲染的,需要对部分源码稍作调试。POPOVER插件调整如下:+function ($) { "use strict"; // POPOVER PUBLIC CLASS DEFINITION // =============================== var Popover = function (element, options) {原创 2020-11-19 17:11:36 · 1124 阅读 · 0 评论 -
bootstrap气泡确认
基于bootstrap的popover插件实现,效果如下:插件代码:(function ($) { $.fn.extend({ popConfirm: function (options,fun) { var _this = $(this); var defaults = { title: "提示", content: "确认此操作?",原创 2020-11-18 20:38:45 · 408 阅读 · 0 评论 -
实现radio取消选中的功能
如下图,当有一组radio,如果选中一个后,默认必须选中其中一个,如何才能实现取消选中所有项呢?最好的操作习惯是再次点击选中项 自动取消选中状态,但是默认情况下,点击选中的radio,还是选中状态 ,下面我们通过js改变这种默认形为,以达到点击选中项自动 取消选择的目的:html:<label class="ms-radio ms-radio-default"><input type="radio" name="a">nano卡</label>..原创 2020-09-29 17:13:47 · 8497 阅读 · 3 评论