html
关注
分享
扫一扫
前端Html文档
江湖行骗老中医
相信自己！
展开
-
纯css Loading加载特效
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>C.原创 2022-01-16 12:47:22 · 383 阅读 · 0 评论 -
JS前端获取用户的ip地址和城市名的方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script> document.wri.原创 2021-12-14 15:17:58 · 2016 阅读 · 2 评论 -
移动端调试神器（eruda）
在移动端开发的过程中，经常是在chrome dev tools或者微信开发工具中调试好了但放入各种型号的手机或者app里就会出现问题。而在移动端想要看到数据就只能抓包，eruda能在页面生成一个控制台，你可以看接口数据，也可以打印数据，可以看到本地存储，大大方便了移动端的调试工作。使用方法在页面中引入eruda.min.js并执行方法<script src="http://eruda.liriliri.io/eruda.min.js"></script><scr转载 2020-12-28 09:55:41 · 7070 阅读 · 0 评论 -
百度地图API的简单使用
jsdemo：http://lbsyun.baidu.com/jsdemo.htm#a1_2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" ...原创 2020-03-17 23:47:22 · 246 阅读 · 0 评论 -
给html页面添加水印
看到别人的页面有水印，感觉很有趣尝试了下给html加水印的效果，如图实现原理： 根据页面大小，动态添加若干个div，将传递过来的文字写到div里，设置div旋转的角度、字体、字体颜色等index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...原创 2020-02-13 19:53:06 · 399 阅读 · 0 评论 -
CSS3如何将彩色图片转换成黑白图片？
最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的Filter。不整不知道呀，一整才让我感到吃惊，太强大了。大家先来看个效果吧：我想光看上面的效果就能吸引你了，要是你自己动手的话，我想您更会感到神奇。细一看，这些效果就像是photoshop整出来的一样，其实是真是这样的，有很多效果都是类似于photoshop中的特效。不过有一点大家需...原创 2019-12-09 23:39:53 · 273 阅读 · 0 评论 -
在网页中使用SVG
在网页中使用SVGSVG可以作为一个独立的文件存在。但更多的时候，我们希望他能集成在某个更大的文档中，比如HTML。将SVG插入到HTML中主要有以下几种方式：将 SVG 作为图像导入 将 SVG放入 iframe 中导入 将 SVG 作为object对象导入 使用内联 SVG将SVG作为图像导入这可能是将SVG导入HTML文档的最简单的方法。将.svg文件把它加到一个...原创 2019-12-09 23:27:13 · 216 阅读 · 0 评论 -
前端页面--瀑布流布局的实现
前端页面--瀑布流布局的实现：html：差不多就是这种结构，source-item为瀑布流盒子<div class="source-content"> <div class="source-item"></div> <div class="source-item"></div> <div cl...原创 2019-12-09 23:26:04 · 132 阅读 · 0 评论 -
北邮ivi测试频道 26个高清频道 IPv4 有PC端和移动端地址
北邮ivi测试http://ivi.bupt.edu.cn/有PC端和移动端，手机可以直接访问网址附提取地址方便导入机顶盒CCTV-1高清http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8CCTV-3高清http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8CCTV-5高清http://ivi.bupt.edu.cn/hls/cct...原创 2019-12-09 23:24:27 · 2663 阅读 · 0 评论 -
m3u8流媒体视频SDK测试
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" > <meta name="render...原创 2019-12-09 23:23:38 · 2265 阅读 · 0 评论 -
input左边固定宽度，右边自适应布局
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>左边固定宽度，右边自适应布局</title> <style> .form-wap{ position: relative; } ...原创 2019-11-05 22:43:40 · 421 阅读 · 0 评论