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