JS学习中....

这一周,算是最痛苦的一周了,Js的学习,Dom的理解,Js语言由于是若性语言,所以常遇到写错单词从而导致代码运行不出结果的情况,这就意味着我们写代码的时候得分外小心,分外细心了,下面这是一个简单的留言板。

标题:

姓名:

内容:

body{
    background-color: black;
    margin: 0px;
    padding: 0px;
    font-family: "微软雅黑";
    color: #8f8f8f;

}
#div1{
    width: 700px;
    height: 400px;
    background-color:  #212629;
}
#div2{
    border: 2px dashed #949494;
    width: 700px;
    height: 200px;
    background-color: black;
}
.ip input{
    width: 270px;
    height: 40px;
    border-radius: 5px;
    background-color: #424242;
    border: none;
}
.ip input:focus{
    -webkit-transition:all 2s linear;
    background-color: #aeaeae;
    width: 300px;
}
textarea{
    background-color: #424242;
    border: none;
    border-radius: 5px;
    width: 270px;
    height: 105px;
}
textarea:focus{
    -webkit-transition:all 2s linear;
    background-color: #aeaeae;
    width: 300px;
}
.ip{
    margin-left: 30px;
    padding-top:20px ;
    margin-bottom: 10px;
}
#huifu1{
    background-color: black;
    color: #8f8f8f;
    border: none;
    font-family: "微软雅黑";
    width: 70px;
    height: 40px;
    border-radius: 5px;
    margin-left: 400px;
    margin-top: -55px;
}
#huifu1:hover{
    -webkit-transition:all 1s linear;
    background-color: #181616;
    box-shadow: 3px 3px 3px 3px black ;
    color: #6a6a6a;
    font-weight: bold;
    font-family: "微软雅黑";
    cursor: pointer;
}
#h1{
    color: white;
}
.p1{
    color: #e7bfff;
    text-decoration: underline;
    cursor: pointer;
}

JS学习中....

时间: 2024-10-13 15:24:43

JS学习中....的相关文章

js学习中,写的一些小函数

/* my js的库 */ //随机产生n个从x-y中不重复的整数 function check(n,x,y){ var num=[]; for(var i=0;i<n;i++){ num[i]=Math.ceil(Math.random()*(y-x)+x); for(var j=0;j<num.length-1;j++){ if(num[j]===num[++j]){ num.splice(j,1); n++; } } } //alert(num.length); return num;

Vue.js学习笔记:在元素 和 template 中使用 v-if 指令

f 指令 语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="https://cdn.bootcss.com/vue/2.2.

【JS学习笔记】js中关于传地址的问题

我觉得初学者应该会遇到很多这样的问题 条件1.不想定义全局变量的时候 条件2.定义了外围变量却又要引用并且修改其中内容的时候 以下转一篇文章 -------------------------------------------------------------------------------------------------------------------------------------------------------- 很多人,包括我,受书本知识消化不彻底的影响,认为 J

JS学习之DOM节点的关系属性封装、克隆节点、Dom中Style常用的一些属性等小结

JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode    父节点 childNodes    子节点 firstChild    父节点里的第一个子节点 lastChild     父节点里的最后一个子节点 nextSibling    与子节点并列的下一个兄弟节点 previousSibling   与子节点并列的上一个兄弟节点 火狐与谷歌支持而ie8不支持的节点关系有: previous

JS学习五(js中的事件)

[JS中的事件分类] 1.鼠标事件 click/bdlclick/onmouseover/onmouseout 2. HTML事件 onload/onscroll/onsubmit/onchange/onfocus 3. 键盘事件 keydown:键盘按下时触发 keypress:键盘按下并松开时的瞬间触发 keyup:键盘抬起时触发 [注意事项] ①执行顺序:keydown-->keypress-->keyup ②当长按时,会循环执行keydown-->keypress ③有keydo

NODE.JS学习的常见误区及四大名著

NODE.JS学习的常见误区及四大名著 前段时间由于不满于社区里很多人对于NODE.JS的种种误解而写了一篇文章名为: NODE.JS之我见:http://www.cnblogs.com/pugang/p/4374681.html 收到了很多兄弟的热情回复和激烈讨论,在此深表感谢,有的朋友觉得我写的比较粗犷,没有给出具体的性能分析和对比,在此我想说的是其实好多东西的性能分析,根本就不用我写到博客上,其一是如果我写了,很多人同样会觉得不客观,不中立,其二是网上很多中立的机构,随便搜索一下,对比太多

JavaScript模块加载框架sea.js 学习一

简单总结sea.js 学习 文件目录结构 /sea/sea.js      下载地址  http://seajs.org/docs/#downloads /sea/jquery-sea.js   下载地址 http://jquery.com/download/ /sea/sea_config.js /sea/home.jsdata.js /sea/data.js 1.html页面代码文件 <style> .ch{height:200px;width:200px;background:#ccc;

Handlebars.js循环中索引(@index)使用技巧(访问父级索引)

使用Handlebars.js过程中,难免会使用循环,比如构造数据表格.而使用循环,又经常会用到索引,也就是获取当前循环到第几次了,一般会以这个为序号显示在页面上. Handlebars.js中获取循环索引很简单,只需在循环中使用{{@index}}即可. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <META http-equiv=Content-Type content="text/html; charset=utf-

[Pro Angular.JS]学习笔记1.1:设置开发环境

可以使用yeoman.io,很方便.我已经写了一篇随笔,介绍如何使用.这里也有一篇介绍的文章:http://www.cnblogs.com/JoannaQ/p/3756281.html 代码编辑器,在Mac下用了一下WebStorm,太恶心了.另外发现书的作者使用的开发环境是Windows + VS Express 2013,为了方便学习,我也使用VS Express 2013 Update2.VS2013用起来蛮舒服的,把WebStorm比得跟驼屎一样.也许是因为我没用习惯吧. 1.安装Nod