前端
关注
分享
扫一扫
看到炫酷的页面，您心动了吗
bkLion
一切都是项目，一切也将成为项目；项目造就人生，人生享受项目。
展开
-
前端简洁登录页面
关注重工黑大帅，学习不迷路先看效果图：上代码：index.html<!doctype html><html><head><meta http-equiv="Refresh" content="30"><meta charset="utf-8"><title>登录界面</title><meta name="Keywords" content="用户登录界面" ><meta name=原创 2020-12-22 10:42:52 · 1726 阅读 · 1 评论 -
Javascript实现图片轮换功能方式三
关注重工黑大帅，学习不迷路先看效果：图片素材下载（后面两种图片轮换素材也是这个）：链接：https://pan.baidu.com/s/1EnQkPvp80sqtD0IbANj9sA 提取码：m7t3public.css:/* CSS Document */*{ margin: 0; padding: 0;}ul,li,ol{ list-style: none;}a{ text-decoration: none;}img{ border: 0;}.clear原创 2020-12-20 17:08:39 · 1095 阅读 · 1 评论 -
Javascript实现图片轮换功能方式二
关注重工黑大帅，学习不迷路先看效果：图片素材下载（后面两种图片轮换素材也是这个）：链接：https://pan.baidu.com/s/1EnQkPvp80sqtD0IbANj9sA 提取码：m7t3public.css:/* CSS Document */*{ margin: 0; padding: 0;}ul,li,ol{ list-style: none;}a{ text-decoration: none;}img{ border: 0;}.clear原创 2020-12-02 13:07:19 · 376 阅读 · 0 评论 -
Javascript实现图片轮换功能方式一
关注重工黑大帅，学习不迷路先看效果：图片素材下载：链接：https://pan.baidu.com/s/1EnQkPvp80sqtD0IbANj9sA 提取码：m7t3public.css:/* CSS Document */*{ margin: 0; padding: 0;}ul,li,ol{ list-style: none;}a{ text-decoration: none;}img{ border: 0;}.clears{ clear: both;原创 2020-12-02 13:01:18 · 824 阅读 · 0 评论 -
Javascript实现获取系统当前时间功能
关注重工黑大帅，学习不迷路先看效果图：style.css:#timeshow{ font-size: 60px; color: aqua; margin-left: 350px;/* text-align: center;*/ padding-top: 300px;}#timeshow:link{ color: yellow; font-size: 40px;}#timeshow:hover{ color: red; transition: all 1s;/* trans原创 2020-12-02 12:40:57 · 228 阅读 · 0 评论 -
Javascript实现电子时钟走动
关注重工黑大帅，学习不迷路先看效果图：style.css:/* CSS Document */*{ margin: 0; padding: 0;}ul,li,ol{ list-style: none;}body{ font-family: Arial,"Microsoft YaHei","SimSun";}.clears{ clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}原创 2020-12-02 12:35:28 · 2273 阅读 · 0 评论 -
HTML标签新特性之input标签type属性值大全
关注重工黑大帅，学习不迷路一、代码<form action="success.html"> <!--html4input类型属性值--> 请输入文字：<input type="text" placeholder="文本框"> <input type="submit" value="提交"><...原创 2020-03-05 14:55:03 · 1294 阅读 · 0 评论 -
HTML5新特性之标签实战应用：超星尔雅平台
关注重工黑大帅，学习不迷路一、先看效果图二、代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超星尔雅平台</title> <meta name="renderer" content="webk...原创 2020-03-01 16:06:05 · 1109 阅读 · 3 评论 -
HTML5新特性之标签使用：header、nav、aside、main、footer......
关注重工黑大帅，学习不迷路一、概念理解header一般放置在页面的顶部或者页面中某个区块元素的顶部，包含整个页面或某个区块的标题等信息nav页面导航aside侧边栏区域main注内容区footer页脚artical一段独立的内容section通常包含一个明确的主题figure带有标题的图片或其它文件figcaption...原创 2020-02-28 13:41:28 · 14934 阅读 · 5 评论 -
HTML打印课程表，剖析colspan、rowspan，小白看了也能懂
关注重工黑大帅，学习不迷路1.搭建好表格框架結果显示：什么都没有分析：table标签表示表格，tr标签表示所在行，td标签标示空格,这里表示的是一张表中划分了三行2.表中添加少部分元素結果显示：分析：看到汉字“我，在，哪”是单独占一行，共表示有三行，其中bgcolor表示的是背景的颜色，cellspacing表示表格单元与表格单元之间的间隙（见下面两张图来进行区别,两者比较的过...原创 2020-02-25 23:42:54 · 1084 阅读 · 2 评论 -
HCI第三篇：表单应用：按钮之购物车
在学习表单的相关知识后，尝试做了一个页面，话不多说，直接看结果：结果比较简陋，大家下来有空可以进行美化。这里我提供一下源码：1.index.html页面<!doctype html><html><head><meta charset="utf-8"><title>购物数量统计</title><meta ...原创 2019-04-21 19:01:04 · 521 阅读 · 0 评论 -
HCI第二篇：聊天对话窗口
先看效果图：html代码如下：<!doctype html><html><head><meta charset="utf-8"><title>QQ聊天对话窗口</title><meta http-equiv="Refresh" content="8"><meta name="Keywords...原创 2019-03-30 16:32:19 · 412 阅读 · 0 评论 -
HCI第一篇：聊天对话窗口
今日给大家分享之前做的一个聊天窗口的界面，希望大家喜欢，后期还会上传更多的作品，尽请期待！ 话不多说，先看效果图HTML代码如下：<!doctype html><html><head><meta charset="utf-8"><title>QQ聊天对话窗口</title><meta na...原创 2019-03-30 16:17:56 · 589 阅读 · 0 评论