HTML / CSS / JavaScript
HTML / CSS / JavaScript
就是爱吃肉ro
真正喜欢的人和事 都值得我们去坚持
展开
-
Javascript 实现计时跳转功能 练习记录
这里记录一下BOM模型中 location对象跳转 和 window里计时方法 的使用由于代码不多直接合并一块写了<!DOCTYPE html><!-- * @Author : acmaker * @Date : 2020-04-14 16:16:26 * @LastEditTime: 2020-04-15 22:28:47 * @File...原创 2020-04-15 22:59:50 · 151 阅读 · 0 评论 -
HTML+CSS+JS 实现渐进背景效果的表单 以及 正则验证
文章目录HTMLCSSJS这样显示器全屏看效果还是比较好的, 但是对齐使用margin左右对齐的, 并不能适用移动端, 还不知道怎么解决, 有知道的大佬还请赐教一番.哎, 一个坑一个坑的爬出来, 先当半成品记录一下吧HTML<!DOCTYPE html><!-- * @Author : acmaker * @Date : 2020-04-...原创 2020-04-15 22:54:31 · 406 阅读 · 0 评论 -
CSS 实现渐变效果: linear-gradient线性渐变 和 radial-gradient径向渐变 总结记录
文章目录线性渐变( linear-gradient )径向渐变( radial-gradient )线性渐变( linear-gradient )background-image: linear-gradient(to 方向, 开始颜色, 中间颜色1, 中间颜色2, ... , 结束颜色 );四个方向的组合-八个方向top, right, bottom, left角度90de...原创 2020-04-15 15:33:04 · 311 阅读 · 0 评论 -
HTML+CSS+JS 动态实现背景图片的自定义切换 以及 实现购物秒杀倒计时效果 实践总结记录
文章目录HTMLCSSJS启动模块图片控制模块两种计时模块setInterval and clearIntervalsetTimeout and clearTimeout知识是服务于实践的, 只有思考过了并且自己写出来了的知识才是真正属于自己的, 获益良多 ヾ(๑╹◡╹)ノ"分享一下 同时记录一下(*^-^*)ゞ按日期分的文件夹, 等以后把所有的按内容和功能分类一下再git到github里...原创 2020-04-08 20:56:14 · 1419 阅读 · 0 评论 -
HTML+CSS form表单 实践总结记录 ~_~
文章目录htmlcss记录一下完善了的表单, 做个笔记 _html<!DOCTYPE html><!-- * @Author : acmaker * @Date : 2020-03-12 16:59:29 * @LastEditTime: 2020-04-08 17:16:32 * @FilePath : \PersonalWebp...原创 2020-04-08 18:07:32 · 364 阅读 · 0 评论 -
CSS 选择器 总结记录 及 伪类
文章目录基础选择器1. 元素选择器2. 类选择器3. id 选择器高级选择器1. 后代选择器2. 子元素选择器3. 相邻兄弟选择器4. 属性选择器基础选择器1. 元素选择器…2. 类选择器/* 多类选择器 */.class_1.class_2.class_3 { ...}3. id 选择器…高级选择器1. 后代选择器h1 em {color:red;}...原创 2020-04-08 15:31:06 · 124 阅读 · 0 评论 -
javascipt踩坑记录 多个 w/i/n/d/o/w.onload 导致前一个无效, 解决方案
文章目录记录这个坑点, 还以为是计时函数 setInterval的问题, 改了半天, 最后发现是 window.onload的问题…可能是因为 onload 是一个属性, 我用了两次, 后面一次赋值将前面覆盖掉了?高手路过还望指点!先记录下解决方案, 我是建立一个主js文件, 只能一次调用的函数都写在里面<head> <meta charset="utf-8">...原创 2020-04-07 22:18:21 · 197 阅读 · 0 评论 -
JavaScript 获取 select下拉框 选中的索引与值
文章目录htmljs做的一个简单计算表单, 需要用 js 获取 select下拉框的选择项来实现四则运算, 经验少, 那就慢慢积累, 加油!html<!DOCTYPE html><!-- * @Author : acmaker * @Date : 2020-03-23 18:26:53 * @LastEditTime: 2020-03-23...原创 2020-03-23 21:41:49 · 1086 阅读 · 0 评论 -
JavaScript 的 BOM模型 及 DOM模型相关对象的属性方法总结
文章目录WindowNavigatorScreenHistoryLocation这里总计下js 里的 Browser Object Model 浏览器对象模型里包括常用的几个对象此坑先挖下周待填!https://www.w3school.com.cn/jsref/dom_obj_window.aspWindowNavigatorScreenHistoryLocation...原创 2020-03-19 13:14:42 · 626 阅读 · 0 评论 -
HTML事件总结
文章目录普通事件页面相关事件表单相关事件跑马灯相关事件编辑事件数据相关事件其他事件普通事件普通事件作用nClick鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick鼠标双击事件onMouseDown鼠标上的按钮被按下了onMouseUp鼠标按下后,松开时激发的事件onMouseOver当鼠标移动到某对象范围的上方时触发的...原创 2020-03-19 12:41:11 · 196 阅读 · 0 评论 -
DivCss 布局应用案例实践总结
文章目录div+floatdiv+inline-blockdiv+absolutediv+float<!DOCTYPE html><!-- * @Author : acmaker * @Date : 2020-03-17 22:18:52 * @LastEditTime: 2020-03-17 23:28:15 * @FilePath ...原创 2020-03-18 10:23:55 · 509 阅读 · 0 评论 -
CSS3_常用属性总结 h5标签样式 / 边界处理 / 布局控制 / 动画
文章目录0x0000 样式相关1. 字体2. 段落3. 链接4. 列表5. 表格6. 图片0x0001边界相关0x0010 布局相关0x0000 样式相关1. 字体字体属性font-stylenormal , italic( 倾斜体 ), oblique( 倾斜 ), inheritfont-variantnormal , small-caps( 小型大写字...原创 2020-03-14 15:00:36 · 800 阅读 · 0 评论 -
HTML5_常用标签总结 img/ audio / video / table / list / form / input / select / textarea / fieldset / link
文章目录0x00x0 <table>表格0x0001 <列表>0x00x0 <table>表格有关样式还是尽量用样式表吧, 这些属性不看也罢!table属性取值作用align(不赞成)left, center, right整个表格对齐方式bgcolor(不赞成)-背景颜色background(不赞成)url背景...原创 2020-03-13 08:00:07 · 724 阅读 · 0 评论 -
JavaWeb_第二章 HTMC / CSS
第二章与第三章目录Hyper Text Markup Language文本与段落标签超链接标签图片标签Cascading Stytle SheetsJavaScriptHyper Text Markup Language<!--> 这是框架 <--><html><head> <title>title</title&g...原创 2020-03-07 18:18:09 · 624 阅读 · 0 评论 -
本地写网页的时用自动刷新代码实时同步查看网页效果
文章目录1. 在 <head> 里添加如下html, content单位是秒2. 在 <body>里 添加js, 实现刷新, 单位毫秒1. 在 <head> 里添加如下html, content单位是秒<meta http-equiv="refresh" content="1">2. 在 <body>里 添加js, 实现刷新, 单...原创 2020-03-04 12:57:39 · 811 阅读 · 0 评论 -
批改网_解除 作文禁止复制粘贴限制
文章目录法一. 代码法法二. 编辑网页法法一. 代码法审查元素, 进控制台, 敲上, 回车, 初始化完毕$('#contents').unbind();然后就可以愉快地使用 ctrlCV 大法了法二. 编辑网页法审查一下, 定位文本框, 走起同样的道理, 把字数在修改下就ok了...原创 2019-12-02 18:35:36 · 3754 阅读 · 1 评论 -
记录一个 css 和 js 实现网页鼠标跟随效果
记录一个网页鼠标跟随样式, 鼠标移动实现跟随动画效果,不过不完善, 只能是第一页, 待大佬们完善<div id="page_end_html"> /*鼠标跟随效果*/<style type="text/css"> .draw { position: fixed; width: 1px; line-...原创 2019-11-28 20:47:25 · 421 阅读 · 1 评论 -
结合 markdown 几个简单的 html 标签的使用
文章目录空格, 换行字体, 字号, 颜色, 背景色 附上颜色表空格, 换行这是一个全角的空格 这是一个半角的空格 如此换行<br/> 字体, 字号, 颜色, 背景色 字体范围为1-7 黑体效果如此 华文彩云效果如此 微软雅黑效果如此<font color=#F1493 size=4 face="黑...原创 2019-10-29 20:58:10 · 579 阅读 · 0 评论