html
本专栏主要用于记录本人在生活与工作当中所遇到的一下有意思的页面
纵有千般好
前端小白前来报道,各位大佬多多关照
展开
-
玩个球
代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <原创 2021-04-30 09:04:57 · 115 阅读 · 0 评论 -
写轮眼
其他网站看到的,觉得还不错,挺有意思的,就分享给大家吧先看效果吧:代码:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,原创 2021-04-28 09:45:09 · 687 阅读 · 0 评论 -
弹幕效果
直接上代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹幕</title> <style type="text/css"> html, body {原创 2021-04-26 09:54:53 · 73 阅读 · 0 评论 -
突出显示
这个demo主要运用的是排他思想代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>突出显示</title> <style type="text/css">原创 2021-04-26 09:49:54 · 88 阅读 · 0 评论 -
五星好评
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>五角星评分案例</title> <style> * { padding: 0;原创 2021-04-25 09:01:32 · 106 阅读 · 0 评论 -
立方体
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g原创 2021-04-25 08:56:56 · 43 阅读 · 0 评论 -
旋转太极
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {原创 2021-04-23 13:45:26 · 52 阅读 · 0 评论 -
九九乘法表
话不多说:看代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- CSS样式 --> <style type="text/css"> td { border: #333 1px solid;原创 2021-04-23 13:43:10 · 52 阅读 · 0 评论 -
节日倒计时复杂版
再来一般稍微复杂点的跑马灯倒计时,与普通版效果一致,代码却更复杂更少先来样式span {font-size: 40px;font-weight: bold;display: block;text-align: center;margin-top: 20px;}<script> const chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];原创 2021-01-18 16:13:13 · 150 阅读 · 1 评论 -
节日倒计时demo普通版
临近春节,写一个倒计时的demo,供大家参考,有点跑马灯效果哦普通版样式 #s1,#s2,#s3,#s4,#s5,#s6,#s7 {font-size: 40px;font-weight: bold;display: block;text-align: left;margin-left: 200px;}内容与脚本 无标题文档 <span id="s1"></span><span id="s2">原创 2021-01-18 16:09:05 · 382 阅读 · 2 评论