首页
网站建设
article
/
2025/6/12 18:00:46
http://www.lnrk.cn/Les2Dwwt
相关文章
使用CSS3旋转DIV
使用CSS3旋转DIV 参加某公司的前端工程师笔试,遇到以下问题。 请完成以下填空,使得id为loading的div每1秒转1圈并无限循环。 <html> <head> <style>#loading{width:100px;height:100px;position:absolute;animation:circling__linear…
阅读更多...
div 自定义拉宽_纯CSS实现左右拖拽改变布局大小
利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制。 webkit浏览器下滚动条可以自定义,其中resize区域大小就是scrollbar的大小,于是,我们可以将整个拉伸区域变成和容器一样高。 实现原理 CSS中有一个resize属性,如果一个元素的overfl…
阅读更多...
纯css实现阴影跳动
前言:能否使用 web 开发技术创建一个五颜六色的,并且足够聪明可以模拟前景颜色的阴影呢?事实证明,在只使用 CSS 的情况下,完全可以实现这种效果。在本文中,我们将研究如何实现。 图片实现 用于展示原图的…
阅读更多...
纯css实现多栏拖动大小
本文的代码和实现思路参考 公众号 - iCSS 前端趣闻:CSS 实现可拉伸调整尺寸的分栏布局 下文为记录和整理学习的过程中自身的思考。如有侵权请联系我删除 纯 css 实现多栏拖动大小 查看效果演示 实现原理 核心是使用 css 的 resize 属性。当节点拖动的时候&#x…
阅读更多...
纯CSS实现钟表
纯CSS实现钟表 思路: 1、先创建一个表盘div。 2、再在表盘div里设置三个子div,分别作为秒针、分针、时针的旋转载体 3、最后在三个子div里分别再设置一个div,作为秒针、分针、时针 4、表盘可以用背景图片,也可以用css写&…
阅读更多...
纯CSS实现轮播图
纯CSS实现轮播图 各位小伙伴们,今天我们来学习一下轮播图。轮播图是我们写网页当中经常出现的一个效果,基本上各个网站上都会有这个效果。那么一提到轮播图大家脑子里的第一反应是不是用js来实现呀。 那今天这篇文章呢我们就不按常理出牌,不…
阅读更多...
纯CSS斜边框
使用CSS:after实现斜边框 如同上方图片左上角的爆款,实现斜边框 需要用到定位,首先将外层的div设置为position:relative 爆款代码如下:position: absolute;z-index: 999;left: 0;top: 0;background: #fd3a51;line-hei…
阅读更多...
css控制div按顺序加载,纯CSS3实现div按照顺序出入效果
本文主要介绍了纯CSS3实现div按照顺序出入效果,具有一定的参考价值,感兴趣的可以了解一下 效果: 源代码: div{ margin-top: 10px; height: 50px; background-color: #FF0000; opacity: 0.6; } .a{ animation: aa 2s linear 100ms …
阅读更多...
div实现可以滚动但不显示滚动条(纯CSS实现)
div实现可以滚动但不显示滚动条(纯CSS实现) 想要的效果实现效果的核心代码参考 想要的效果 想实现滚动效果但是又不想显示滚动条,如下面两个图所示: 从下面两个图可以看出,实现了滚动效果,动图弄着有点费劲…
阅读更多...
纯css在div上添加小三角
纯css在div上添加小三角 有些项目中会遇到这样的需求,就是div容器上要突出来一个小三角,如下图 虽然在功能上没啥意义,但是人家UI就是要这个小三角,你能怎么办,咱必须给他整出来! 我们用伪类和border来画…
阅读更多...
纯css实现div同行显示
纯css实现div同行,效果如下(由有10余年前台工作经验的工程师指导): 代码如下(可以直接用): <html> <head> <style type="text/css">/*页面通用样式*/ body {background:#fff; }/*DIV通用样式*/ div{text-align:center;line-height:80px;ma…
阅读更多...
css 让div悬浮,纯CSS实现DIV悬浮(固定位置)
纯CSS实现的DIV悬浮效果(固定位置),兼容常用的浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等。效果如下: 实现代码:DIV悬浮示例-纯CSS实现 /*设置了高度,可以上下滚动*/ body { height: 1…
阅读更多...
纯css DIV弹出动画
效果 css核心代码 animation-slide-left 从左边弹出 animation-slide-right 从右边弹出 animation-scale-up 从上边弹出 animation-scale-down 从下边弹出 animation-shake 蛇形弹出 animation-reverse 翻转弹出 /* Animation css */ [class*animation-] {animation-duration: …
阅读更多...
纯DIV+CSS实现进度条
效果图: <html> <head> <meta charset"UTF-8"> <title>进度条测试</title><style type"text/css">.progress {overflow: hidden;height: 20px;margin-bottom: 20px;margin-top: 20px;margin-left: 30px;b…
阅读更多...
windows 微信多开脚本
背景 很多朋友可能需要多个微信,不管是工作需要,还是隐私需求,多一个微信可以方便大家工作和生活,但是微信目前不支持多个微信同时登录 那么为了实现同时登录微信,可以使用一下方法制作脚本同时开启两个或多个微信 多…
阅读更多...
微信X5调试
微信X5调试 微信X5调试TBS调试 不管是微信app还是qq内置的浏览器,其内核并不是采用Android原生的webview,而是他们自家开发的x5 webview内核,在对微信小程序或者微信h5页面做自动化测试时,需要相关设置,切换到webview内…
阅读更多...
微信小程序部署
1. 配置服务器域名 小程序要求程序中使用到所有外部链接(HTTPS)必须将域名提前配置到微信平台。 2. 小程序api路径替换 3. 上传小程序代码 如果想让小程序被所有人在微信中使用,需要将小程序代码进行上传&审核,审核通过之后才能在微信中找到该小程…
阅读更多...
微信小程序授权登录
微信小程序授权登录 最近在学习微信小程序,学到授权登录这里,做个笔记记录一下。 我们使用的工具是微信开发者工具,我们创建一个项目,项目结构如图所示: 我们先准备好我们的index.wxml文件,代码如下&…
阅读更多...
微信计数器微信加粉计数器开发
了解了微信吸粉等相关行业,其中有个需求就是计数器,目前已经完成基于Pc端HOOK的计数器开发 包含PC服务端,后台管理端等, 后台可实时查看进粉数据,进粉详情,进粉的数量统计等 支持多开,支持统计添…
阅读更多...
manjaro安装微信
sudo pacman -S wine-for-wechat然后去微信官网下载微信安装包,exe结尾的,在下载完后的目录打开终端,输入 wine64 WeChatSetup.exe等安装完即可,登录以后如果发现输入框不能显示文字,就安装 sudo pacman -S winetric…
阅读更多...
推荐文章
题解 | #某宝店铺连续2天及以上购物的用户及其对应的天数#
怎么做网站,网站制作步骤有哪些?
织梦 html 优酷,让织梦CMS的后台编辑器支持优酷视频
如何免费制作微信小程序?详细步骤
单靠MySQL进了字节,高端玩法才是王道!
Bootstrap的标题类(标题样式h1~h6、small标签、display类)
数据库课程设计(医院数据库系统)
数据库课程设计(学校运动会管理系统)
java语言数据库课程设计_数据库课程设计 人事管理系统 (一)
数据库课程设计-图书馆管理系统(2.数据库实现-基于mysql)
数据库课程设计(实训)
数据库课程设计 医院管理系统 SQL