SVG(可缩放矢量图形)是一种基于XML的图像格式,用于描述二维图形,它是一种矢量图形格式,图像可以无限放大而不失真。可以通过文本编辑器手动编写SVG,下面是一个简单的SVG文件示例,以及如何手动编写...
![Swiper滑动特效插件](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
Swiper滑动特效插件
Swiper常用于移动端网站的内容触摸滑动,是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。 开源、免费、稳定、使...
![全屏背景幻灯片jQuery 插件Vegas](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
全屏背景幻灯片jQuery 插件Vegas
Vegas 是一个 jQuery 插件,可为网页添加漂亮的全屏背景,JS文件只有几K,就能创建令人惊叹的幻灯片效果。 使用方法: <script src="http://code.jquery....
![Flex布局子元素撑开宽度](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
Flex布局子元素撑开宽度
在Flex布局中,默认情况下,子元素是不会撑开父元素的。这是因为Flex布局是一种自适应布局,它会根据子元素的大小和比例来自动调整父元素的大小。如果你希望子元素能够撑开父元素,可以通过下面的方法实现。...
![网页添加实时显示FPS帧率](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
网页添加实时显示FPS帧率
通过一下面的代码,可以让网页实时显示FPS帧率。 <script> jQuery(document).ready(function($){ $('body').before('<di...
![CSS把文字限制在圆形内](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
CSS把文字限制在圆形内
在圆形容器中显示文本的写法 <!DOCTYPE html> <html> <head> <title>CSS把文字限制在圆形内</title>...
![几个不太常用的CSS选择器](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
几个不太常用的CSS选择器
收集一些不常用,但却非常有用的CSS选择器。 * { margin:0; padding:0; } *选择器是选择页面上的全部元素,清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中,例如下面...
![前端代码编辑器](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
前端代码编辑器
通过本文的方法可以将带有语法高亮的编辑器嵌入您的网站,将下面代码添加到网站模板适当位置即可。 <h3 class="question">Write a Program to calcula...
![文字大小为什么要用html {font-size: 62.5%;}](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
文字大小为什么要用html {font-size: 62.5%;}
移动端开发需要考虑不同手机上不同分辨率的展示效果,所以需要自适应解决方案。通用的方案是使用rem,rem是 root-em 的缩写,是根相对单位,其相对的是html的 font-size 的单位。 h...
![flex: 1的写法](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
flex: 1的写法
代码示例: <div class="container"> <div class="div">我是一个div</div> <div class="div"&g...
![jQuery 水面涟漪插件 jquery.ripples](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
jQuery 水面涟漪插件 jquery.ripples
项目地址:https://github.com/sirxemic/jquery.ripples
![jQuery 鼠标点击水波纹特效](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
jQuery 鼠标点击水波纹特效
<script type="text/javascript"> jQuery(document).click(function(e) { var size = 100//自定义大小 jQu...
![纯真IP数据库的解析与读取](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
纯真IP数据库的解析与读取
纯真IP库是民间自发收集、提交、聚合而来的数据库,囊括了国内外的大量IP数据。它的官网提供了记录提交和纠错的功能,管理员在统一整合后每5天更新一次。纯真IP库是完全免费的,它的官网上有在线查询功能,同...
![CSS文字加粗不影响整体宽度](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
CSS文字加粗不影响整体宽度
通过伪元素处理文字加粗造成整体宽度改变 <html> <head> <title>CSS文字加粗不影响宽度</title> <style type...
![@media和@media screen和@media only screen用法、做用、区别](https://zmingcx.com/wp-content/uploads/2023080806333942-280x210.png)
@media和@media screen和@media only screen用法、做用、区别
网页宽度小于1200象素生效 @media (max-width:1200px){} 屏幕宽度小于1200象素生效 @mdia screen and(max-width:1200px){} 仅屏幕最大...