前端H5
h_Snow_1
这个作者很懒,什么都没留下…
展开
-
web-前端之事件冒泡,其中包括(onmousemove,onmouseover,onmouseout,onmouseleave,onmouseup,onmouseentter)可用于一些计数小游戏
这个是专门写了几个鼠标事件,其中很清晰的描述了每一个鼠标事件的发生和结束,可以很清楚的看见每一种事件的变化 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 300原创 2017-09-27 14:44:29 · 574 阅读 · 0 评论 -
web-前端开发之栅格系统的简单应用
这个是用一个例子来描述了栅格系统的简单应用,因为山歌系统站位为12,所以我们可以利用这个区制作一些简单方便的表格 //其中下方的图片排列使用了栅格系统的模板<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-sc原创 2017-09-26 16:03:32 · 1109 阅读 · 0 评论 -
web-前端之登录界面
这个是简单的登录界面的实现,不能够拖拽,但后面会法比偶一个能够实现拖拽的登录界面 <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale原创 2017-09-26 15:36:57 · 39906 阅读 · 3 评论 -
web-前端之员工界面修改的form表单,其中包含各种表单的简单表达
这个是简单介绍一下员工个人信息的表单 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style>原创 2017-09-26 15:33:33 · 2761 阅读 · 0 评论 -
web-前端之后台管理系统模板首页
这个是自己参照模板写出来的后台管理系统模板,只是一个前端框架 其中包含很多个界面,后面会陆续发出来,请往下看。。。。。。![这是首页的制作](http://img.blog.csdn.net/20170926155053121?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaF9Tbm93XzE=/font/5a6L5L2T/fontsize/400/f原创 2017-09-26 15:27:56 · 10015 阅读 · 6 评论 -
web-前端之下拉菜单演示
这是一个简单的下拉菜单的演示,只要鼠标放在上面,便会显示出这个下拉菜单,其实也是一个简单的鼠标悬停样式的体现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ width: 20原创 2017-09-26 15:12:20 · 5865 阅读 · 1 评论 -
web-前端设计之鼠标悬停样式
这里展示的是鼠标悬停时的边框的样式,以及里面的字体样式 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> .demo{ border: 1px solid #ffffff;原创 2017-09-26 11:23:53 · 2091 阅读 · 0 评论 -
web-滚动条事件,明确来说就是一些网站上的滚动条滚动到某一个位置才会出现你想看到的东西
这个滚动事件,就好像是淘宝,京东上的一样,它们左边的区块会有某些产品的介绍,所以这时就需要滚动条事件,就是为了用户的便利而设置的该在这个界面的那个地方显示对产品的介绍,不懂的可以看下图 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>原创 2017-09-28 08:48:17 · 646 阅读 · 0 评论 -
web-前端之可移动的登录界面,并且可实现用户名重复的判断等表单事件
这个是实现在界面中可移动的登录界面,也可以说是注册界面,反正二者只是变换一下里面的基本内容而已,可以自己修改一下 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> function mySub(){原创 2017-09-26 15:44:21 · 1799 阅读 · 0 评论