![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/Css/Javascript学习
01-01
这个作者很懒,什么都没留下…
展开
-
网页Css知识之简单相册
一个简单的css特效,鼠标置于图片之上,图片样式发生变化。推而广之,同样也适用于其他元素样式的动态变化。 /*html与css与JavaScript三个,一个为数据,一个为样式,一个为行为*/ /*此处为css内部样式表,相对应还有外部样式表,内联样式表*/ .box { /*包括所有元素的总体*/ width: 600px;原创 2017-07-12 21:10:51 · 474 阅读 · 0 评论 -
HTML/CSS导航菜单-伸缩菜单的制作(垂直方向)
*{ padding:0px; margin:0px; font-size: 14px; } ul{ height: 31px; padding-top: 60px; list-style: none; border-bottom: 5px solid brown; } li{ } a{原创 2017-09-17 20:40:20 · 12224 阅读 · 1 评论 -
HTML/CSS导航菜单-圆角菜单的制作
*{ padding:0px; margin:0px; font-size: 14px; } ul{ height: 31px; padding-top: 60px; list-style: none; border-bottom: 5px solid #F60; } li{ } a{原创 2017-09-17 20:21:40 · 1905 阅读 · 0 评论 -
HTML/CSS导航菜单-水平菜单的制作
垂直菜单改成水平菜单只需要改几个参数就可以了float:left; *{ margin: 0px; padding: 0px; font-size: 14px; } ul{ list-style: none; padding-bottom: 1px; } li{ float: left;原创 2017-09-17 15:38:00 · 3860 阅读 · 0 评论 -
HTML/CSS导航菜单-垂直菜单的制作
*{ margin: 0; padding: 0; font-size: 14px; } ul{ list-style: none; width: 100px; } a{text-decoration: none;display: block;height: 30px;line-height: 30px;background-原创 2017-09-17 14:15:56 · 3798 阅读 · 0 评论 -
JavaScript学习之常用函数
13、JavaScript常用函数JavaScript全局函数:DOCTYPEhtml>html> head> metacharset="utf-8"/> title>JavaScript全局函数title> head> body> scripttype="text/javasc原创 2017-08-30 23:09:18 · 175 阅读 · 0 评论 -
JavaScript学习之对象
10、JavaScript对象 DOCTYPEhtml>html> head> metacharset="utf-8"/> title>JavaScript对象title> head> body> scripttype="text/javascript"> fun原创 2017-08-30 23:08:07 · 263 阅读 · 0 评论 -
JavaScript学习之引入方式、变量与方法
此处使用HBuilder编译1、 定义:动态语言,客户端脚本语言,Web开发脚本语言,与java无关系。2、组成:核心,文档对象模型(DOM,重点),浏览器对象模型(BOM)3、DOCTYPEhtml>html> head> metacharset="utf-8"/> title>问候JavaScripttitle>原创 2017-08-30 23:02:16 · 304 阅读 · 0 评论 -
JavaScript学习之操作DOM事件
7、JavaScript处理 DOM事件DOCTYPEhtml>html> head> metacharset="utf-8"/> title>JavaScript基本数据类型title> scripttype="text/javascript"> functionfun(){原创 2017-08-30 23:05:49 · 195 阅读 · 0 评论 -
JavaScript网页打印国际象棋棋盘
主要用到document对象,即document.writeln()方法,以及HTML的表格。此处使用HBuilder编译。 document.writeln(""); for(var i = 1;i<=8;i++){ document.writeln(""); for(var j = 1;j<=原创 2017-09-14 10:30:47 · 2605 阅读 · 0 评论 -
JavaScript制作简单网页时间变化
主要使用document对象实现,在网页之上输出简单时间变化使用setInterval方法进行不断调用fun()函数,来实现时间的显示,此处使用HBuilder编译。 setInterval("fun()",1000); function fun(){ var date=new Date(); document.原创 2017-09-14 10:25:24 · 809 阅读 · 0 评论 -
网页JavaScript特效之flappy bird(像素鸟)
今天用JavaScript做了一个小小的像素鸟 ,256行代码实现flappybird,虽然有很多bug,废话不多说,上源码 *{ padding: 0;margin: 0; } .main{ border: solid 1px black; width: 600px; height: 512px; background:原创 2017-07-20 18:23:44 · 6454 阅读 · 0 评论 -
网页JavaScript特效之弹幕
此处使用HBuilder编译,最简单的弹幕效果,希望各位前辈不吝指教。 *{ padding: 0; margin: 0; } .shooter{ width: 600px; height: 60px; /*background: black;*/ margin: 0 auto; } .shooter inp原创 2017-07-20 18:11:25 · 715 阅读 · 0 评论 -
网页Css知识之百叶窗相册
先上代码,此为css百叶窗效果 *{ /*border: solid 1px black;*/ padding: 0; margin: 0; } .container{ width: 805px; height: 320px; list-style: none; margin: 100px auto; /*margin上下10原创 2017-07-20 17:58:57 · 571 阅读 · 0 评论 -
网页Css特效知识之有魔力的按钮
网页鼠标放置到按钮会有四道白线从四个方向汇成按钮的边框,同时按钮中小箭头向右移动少许,当鼠标放置到按钮上方图案上时,图片旋转360度。原创 2017-07-12 21:32:17 · 291 阅读 · 0 评论 -
JS学习之前端简单注册页面
b.html页面内容登陆成功页面登陆成功!!原创 2017-11-04 17:37:55 · 2240 阅读 · 0 评论