js 3行代码，最简易实现div效果悬浮

简易实现浮动效果的首要因素是:获取滚动条距离浏览器顶部的距离,下面直接贴代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js实现div效果悬浮</title> <style type="text/css"> #parentDIV { height: 2000px; } #suspensionBox { w…

昨天刷视频,都是关于新国标红绿灯的,看大家议论纷纷,下班就用150行代码通过Vue组件实践红绿模拟演示,视频也跟大家展示过了.今天接着更新图文版本,大家跟着优雅哥通过该案例实操模拟一下. 不过新国标红绿灯的设计,这个专业性.逻辑性.艺术性就是厉害,三个方向 * 三种颜色,玩转九宫格.大部分场景都可以不加思考就知道应该通行或者等待,只有某些情况下对应行驶方向的灯不亮时,才需要 if ... else ... 判断.优雅哥比较脑残,无论哪个方向:左转.直行.右转,如果灯都亮着,不就可以一眼看出能否通…

JQuery Dialog(JS模态窗口,可拖拽的DIV) 效果实现代码

效果图调用示意图交互示意图如上图所示,这基本是JQueryDialog的完整逻辑流程了. 1.用户点击模态窗口的“提交”按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件. 2.用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口ContentWindow.Ok()中,这一点我借鉴了FCKEditor,如下代码所示: JS代码复制代码代码如下:var JQueryDialog = { /// <summary>提交…

10行代码实现简易版的Promise

实现之前,我们先看看Promise的调用 const src = 'https://img-ph-mirror.nosdn.127.net/sLP6rNBbQhy0OXFNYD9XIA==/799107458981776900.jpg?imageView&thumbnail=223x125&quality=100' const promise = new Promise(function (resovle, reject) { var img = document.createElemen…

jquery 20行代码实现简单轮播效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>轮播demo</title> </head> <script type="text/javascript" src="../js/jquery-1.11.0.js" ></script> <style> *{…

如何在js中将统计代码图标隐藏

建站时我们都会加一下网站统计,方便把控内容的内容的运营.大部分站长安装的站点统计是第三方统计代码,js形式的,很少用以服务器日志为基础分析的统计.(当然能通过网站日志来分析网站的运营者比一般的站长水平相对要高一些,也更会折腾.因为很多统计都没记录蜘蛛的轨迹)普通的js统计代码就能满足大多数的需求.安装统计代码想必大家闭着眼睛都会,但如果网站是静态页面的话,那每个页面都要添加到,即使安装在统一调用的页脚,那生成页面也需要一定的时间.有没更便捷的办法呢?将统计代码写进常用的js文件中. 将统计代码写…