建站技术分享网
css 左边高度自适应，保持与右边的高度一致
1、效果图 实现效果：左边红色区域高度不定，跟随右边蓝色区域的高度变化自适应 <div class="content"> <div class="left">左边</div> <div class="right">右边</div> </div> .c......
基础
网页开发基础
css如何使得图片居中
图片是不可或缺的元素。而当图片的尺寸比父容器要小，或者父容器的宽度和高度不确定时，图片如何居中显示就成了一个问题。对于这个问题，我们可以通过 CSS 的 flex 布局和 position 属性来进行解决。 一、使用 flex 布局 Flex 布局是 CSS3 引入的一种新的布局方式，它能够灵活地控制容器的布局方式，在父容器中居......
关于ueditor编辑器过滤script/style标签的解决方法
在网页制作的过程中想通过编辑器添加一些特殊应用，例如要添加视频播放器代码，添加后发现不能正常播放视频，检查代码后发现视频调用代码被无情过滤了，部分被替换成空白、部分被替换成div，造成无法实现网站嵌套视频播放的问题。网上方法不少，大多不能如愿，经多次研究整理一套完整的解决方案。 第一步：UEditor取消html源代码切换时d......
用CSS clip-path 生成器制作各种复杂路径切图
如： clip-path: polygon(0% 15%, 65% 54%, 15% 0%, 85% 0%, 66% 39%, 100% 15%, 100% 85%, 16% 54%, 85% 100%, 15% 100%, 29% 75%, 0% 85%); 用法： <style> img{ clip-path: polygon(0%......
aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件
aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。 安装 可以通过bower来安装aos动画库插件。 ......
网站上一些特殊的符号字符
❌✔️❌✅...
利用js+cavans实现文字转图片
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>文字转图片生成器</title> </head> <body> <......
移动端实现点击复制微信号并打开微信界面
<button onclick="getWechatCode()">复制微信号</button> <script> function getWechatCode() { var wechatCode = "zzjianzhan"; var input = document.createElement("input"......
js判断网页是否移动端、PC端
1、如果用户是用手机打开就跳转到移动端页面，如果用户是用浏览器打开就跳转到对应的PC端页面，js如下代码： <!-- 在首页加上 --> <script type="text/javascript"> function getScreen() { //判断是不是移动端 ......
wow+animation实现css3动画特效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......
