文章转载自 鸟巢 - 技术分享的社区 http://t.runoob.com/question/131、HTML、CSS、JavaScript 前端学习三部曲,照着这个顺序依次学习 HTML教程、CSS教程、JavaScript 教程 就对了。关于 JavaScript ,做以下两点说明:(1)JavaScript 之后,建议学习 jQuery 教程,jQuery 是一个 JavaScript 库,极大简化了 JS 编程。(2)学习 JavaScript 的时候,可能需要接触到 ajax,是需要后端返回数据的,这个时候就可以开始学习 PHP 了。2...
晚上再来更新水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水...
css代码:body {font: 12px Tahoma,arial,sans-serif;margin: 0;padding: 0; } #mask {left: 0;opacity: 0.2;position: absolute;top: 0; } header {color: #666;font-family: ‘Segoe UI Light‘,‘Segoe UI‘,‘Microsoft Jhenghei‘,‘微软雅黑‘,sans-serif;font-size: 50px;margin-top: 50px;text-align: center; } .con {display: block;height: 400px;margin: 30px auto 0;position: relative;width: 840px; }#qq,#qqnv{dis...
css代码*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px;}html中的代码<div style="width:1000px; height:250px; margin-top:30px"><img src="img/11.jpg" width="1000" height="250" /><img src="img/22.png" width="1000" height="250" style="display:none" /><img src="img/33.png" width="1000" height="250" style="display:none" /><img src="img/44.png" width="1000" height="250" style="displa...
配置成功 配置文件已传到文件中原文:https://www.cnblogs.com/eric-share/p/13702955.html
效果图: js创建loadingshow = function(){//loading dom元素var Div = document.createElement("div");Div.setAttribute("class","ui-loading");var chidDiv = document.createElement("div");chidDiv.setAttribute("class","ui-loading-mask")Div.appendChild(chidDiv)document.body.appendChild(Div) }取消loading加载hide= function(){var Div = document.getElementsByClassName("ui-loading");while(Div[0].hasChildNodes())...
在线即时展现 Html、JS、CSS 编辑工具 - JSFiddle想对它做些说明介绍。但是它确是那么的easy使用。兴许有时间,把左側列表作以相关介绍和演示样例演示吧。原文:http://www.cnblogs.com/yxwkf/p/5414483.html
合并JS文件和CSS文件很多人都知道,也用过,目的是为了减少请求数。但有时候我们觉的把JS合并到1个文件,CSS又合并到另外1个文件也是浪费,我们如何能把CSS和JS一起合并进1个文件了?这里需要使用1个常见的注释符<!-- 主要是利用css,js解析器对<!-- 进行不同的解析来实现JS和CSS合并的。 1. CSS解析器 会忽略<!--符号, 2. JS解析器会把<!--当作注释符号,与// 注释相同。看看下面的列子: <HEAD> <TITLE>test</TITLE> ...
遇到一些比较复杂的动画可以用插件帮忙,我一般选择animate.css,有时间和机会的话试下 jquery.transit.js: jquery.transit.js:http://code.ciaoca.com/jquery/transit/demo/ animate.csshttp://alloyteam.github.io/JXAnimate/jxanimate_demo.html 这是老大之前发的动画原则,虽然我还没用过,但感觉总会有用上的一天http://www.sunnyzhen.com/course/animation_principles/demo.html?from=timeline&isappinstalled=0原文:http...
安装node.js npm 以及安装gulp等方法我就不在这里赘述了。接下里我主要介绍的是Gulpfile文件里面的配置该如何书写。var gulp = require(‘gulp‘);//引入gulp组件// 引入组件//在引入这些组件前你需要在你的项目里进行安装。举个栗子:组件中间用空格隔开。一定要先切换到你项目所在的目录//npm install gulp-jshint gulp-sassgulp-concat gulp-uglify gulp-rename --save-devvar htmlmin = require(‘gulp-htmlmin‘), //html压...
之前介绍了关于Nancy配置与Get基础操作,以下来介绍有关Nancy的Post操作。第一步,设计主界面,以登录界面为例:Login.cshtml路径为:设计好页面后,在之前的modules类中设定指向路径和相关post操作,如下图所示:<body><div id="login"><form action="/Home" method="post" id="form1"><div id="bigimg"><img src="images/bigimg.jpg"/></div><div id="loginbox"><div id="title-login">登录</div><a id="title-register" href="#...
1、HTML结构<div id="home"><form id="login" class="current1" method="post"> <h3>用户登入</h3><img class="avator" src="images/avatar.png" width="96" height="96"/><label>邮箱/名称<input type="text" name="name" style="width:215px;" /><span>邮箱为空</span></label><label>密码<input type="password" name="pass" /><span>密码为空</span></label><button type="button">登入</button> </form> ...
span 一个没有语义的行内标签base这个标签可以设置超链接的默认跳转方式title 当它是一个标签时用来定义网站的名称,当它是属性时可以用来设置图片的提示文本class 定义标签的类名id 定义标签的Id名active 用来设置元素被激活时的样式的伪类,一般不建议使用伪类实现行为层stylesteet 层叠样式表focus 设置元素获得焦点时样式的伪类,也不建议使用了visited 设置超链接被访问过后的样式的伪类target 设置超链接的跳转方式_blank 是tar...
原文参考http://blog.csdn.net/lzding/article/details/463177771.写在dom上的属性,内联样式 <div id="box" style="background-color:#ccc;margin-top:100px;"></div> var oBox = document.getElementById(‘box‘) console.log(oBox.style.width) 1)对于复合属性(如background),假设行间设置了样式:background-color:#333,不能通过 element.style.background 来获取(见上面例子) 2)css属性使用驼峰法,如...
比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:JavaScript代码复制代码代码如下:<script type="text/javascript"> function imageOver(e) { e.style.border="1px solid red"; } function imageOut(e) { e.style.borderWidth=0; } </script> <img src="phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" /> JavaScript中style后面的属性...