HTML5边玩边学（七）-动画初步之飞舞的精灵

HTML5边玩边学（七）-动画初步之飞舞的精灵:一、为什么选择 HTML5HTML5 边玩边学算上这篇已经是第七篇了，在这篇开始之前，我想先说明一下为什么叫“HTML5” 边玩边学，因为有人对 HTML5 提出质疑，毕竟他是一个新生事物。我承认我用 HTML5 来吸引眼球了，如果看过边玩...

阅读:44次

使用jquery实现HTML5响应式导航菜单教程

通过jquery+html5实现，当浏览器窗口缩小或者手机访问的时候，导航菜单变成按钮下拉式菜单。效果图：...

阅读:28次

切图工具/插件介绍_html/css_WEB-ITnose

切图工具/插件介绍_html/css_WEB-ITnose:切图工具 切图插件 这里的插件都是ps的插件，比较小巧，易于安装和适用，并且很灵活 cutterman 是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出，以替代传统的手工 "导出web所用格式"...

阅读:41次

什么是HTML5？HTML5使用详解

什么是HTML5？HTML5使用详解:什么是HTML5？HTML5是超文本语言，不是编程语言，html5是html语言的最新版本，需要注意浏览器的兼容性问题。HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。HTML5主要负责文档内容的结构和含...

阅读:52次

html禁止清除input文本输入缓存_html/css_WEB-ITnose

html禁止清除input文本输入缓存_html/css_WEB-ITnose:多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off"...

阅读:37次

html中不常用的标签总结

html中不常用的标签总结:介绍几个不常用的HTML标签 在HTML王国里，这里有很多子民，通常我们看到的是一些熟悉的面孔，而对于那些不熟悉的面孔你又了解多少呢，你知道它们的用法吗？0、 标签 标签出现在HTML文档第一行上的信...

阅读:47次

html5编辑器有哪些

html5编辑器有：1、HBuilder；2、Notepad++；3、Eclipse；4、Dreamweaver；5、EditPlus；6、WebStorm；7、sublime text；8、Adobe Edge；9、vscode等等。...

阅读:22次

HTML5游戏开发开源库件lufylegend1.4.1发布

HTML5游戏开发开源库件lufylegend1.4.1发布:lufylegend.js库件的下载及API文档请点击下面链接http://lufylegend.com/lufylegend一，1.4.1版更新内容1,修正了一些低级bug2,增加了hitTest方法，用于检测矩形碰撞3,增加了hitTe...

阅读:48次

酷站欣赏：12个漂亮的国外单页网站设计案例_html/css_WEB-ITnose

酷站欣赏：12个漂亮的国外单页网站设计案例_html/css_WEB-ITnose:单页网站把所有的内容都展示在一个页面中，让访客访问页面的时候不需要跳转到其它的页面。网站的内容不是很多而且将来内容也不怎么增加的情况下，制作成单页网站（Single Page Websites）的形式是很好的选择。 网站导航是单页网...

阅读:41次

基于HTML5的有弹幕功能的视频播放器_html/css_WEB-ITnose

基于HTML5的有弹幕功能的视频播放器_html/css_WEB-ITnose:基于HTML5的有弹幕功能的视频播放器 helloweba.com 作者：月光光 时间： 2016-04-29 16:29 标签：播放器 html5 Danmmu Player是一个具备弹幕...

阅读:42次

css3px、em和rem_html/css_WEB-ITnose

css3px、em和rem_html/css_WEB-ITnose:1、先观察关系的转换（http://pxtoem.com/） em优缺点 1. em的值并不是固定的； 2. em会继承父级元素的字体大小。 所以我们在写CSS的时候，需要注意两点： 1. body选择器中声明Font-...

阅读:44次

HTML5canvas基本绘图之图形组合

HTML5canvas基本绘图之图形组合:只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在元素上绘图主要有三步： 1.获取元素对应的DOM对象，这是一个Canv...

阅读:91次

解决xampp端口冲突

解决xampp端口冲突:今天电脑按了一下xampp，结果运行wamp的时候，出现了下面的情况: 在网上查了一下，结果是端口被占用，然后我就手动修改了一下。1.修改xampp的端口号依次找到：XAMPP的安装目录(比如D:\xampp)\apache\conf\ht...

阅读:48次

HTML不常用元素：optgroup_html/css_WEB-ITnose

HTML不常用元素：optgroup_html/css_WEB-ITnose:在网页表单中，元素用于在元素中创建一组选项。这个可以更好的区分每一个组选项之间的区别。 这个元素包含两个属性：disabled和label。 disabled：表示选项组无法被选择 label：表示选项组的名字...

阅读:41次

页面根据不同宽度自适应不同样式_html/css_WEB-ITnose

页面根据不同宽度自适应不同样式_html/css_WEB-ITnose:@media screen and (min-width:768px) and (max-width:991px){.content{height:680px}.box{top:320px}}@media screen and (min-w...

阅读:38次

提交表单后转到另一个文件

提交表单后转到另一个文件:问题：在HTML中如何写跳转到某文件？HTML中我希望按了提交后转到aaa.asp这个文件，action这里应该怎么写？form in...

阅读:51次

ps图层怎么加字

ps图层怎么加字:ps图层怎么加字？在photoshop上方的菜单上执行“文件”-“打开”命令。推荐：《ps教程》在“打开窗口”中找到并载入需要添加文字图层的图片。在photoshop左侧的工具栏上点击“横排文字工具”选项。在工具栏的上方点击“设置文本颜色”...

阅读:46次

说一说line-height_html/css_WEB-ITnose

说一说line-height_html/css_WEB-ITnose:line-height这个样式相信大家一定不会陌生，我们经常用它来让文本上下居中，这样做一般不出出现什么问题，但是如果对这个属性不是很熟悉的话，可能会踩到一些坑，今天亲自去试验了一下，并总结了一下line-height的几个特性。 首先...

阅读:36次

DOM之document.write_html/css_WEB-ITnose

DOM之document.write_html/css_WEB-ITnose:document.write方法输出字符串到页面. 这个方法已经去比较古老的方法. 在现代的浏览器中比较少用了. 但是仍旧有它使用的地方. document.write 执行 当文档加载时, 文档中一个脚本中有documen...

阅读:39次

前端优化实践总结_html/css_WEB-ITnose

前端优化实践总结_html/css_WEB-ITnose:记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《 前端工程与性能优化 》。里面有提到根据雅虎14条优化原则，《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点梳...

阅读:51次

ps怎么放大眼睛不失真

ps怎么放大眼睛不失真:ps怎么放大眼睛不失真？开启PS工具，点击上方菜单栏的【文件】选择【打开】，然后选择需要修改的图片。也可以直接将图片拖进PS工作区域。选择左侧第三个的【套索工具】，然后在眼睛周边画一个圈，将眼睛的区域圈出来，要选择眼睛周边颜色比较接近的肤色...

阅读:46次

CSS中对图片(background)的一些设置心得总结_html/css_WEB-ITnose

CSS中对图片(background)的一些设置心得总结_html/css_WEB-ITnose:写网页的时候很多情况需要对图片进行操作，如何在不进行专业的美工裁切操作的情况下而让自己的素材度达到最大的满意度呢，这是一个问题，对于懒得开ps切图的我，通常会直接在网络上download一张图片，直接拖到html里，这就需要对图片的css样...

阅读:48次

HTML5讲解之dataTransfer对象

HTML5讲解之dataTransfer对象:[导读] HTML5拖拽的数据传输 虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽，在IE6和IE7中还是有些拖拽问题，并且也没有实现数据的交换。为了实现数据的交换，IE5引入了dataTrans...

阅读:37次

html5教程-HTML5实例之嵌入式的使用讲解

...

阅读:83次

<!DOCTYPE>是干嘛用的？-html文档类型_html/css_WEB-ITnos

<!DOCTYPE>是干嘛用的？-html文档类型_html/css_WEB-ITnose:一、啥是文档类型？ 在网站开发中一定遇到过这样几种html文档 是啥？ Web 世界中存在许多不同的文...

阅读:37次

Ajax+js实现异步交互

本文给大家分享的是原生javascript结合ajax实现的异步交互的方法和代码，非常的简单实用，有需要的小伙伴可以参考下。...

阅读:45次

Typescript使用修饰器混合方法到类的实例

这篇文章主要介绍了Typescript使用修饰器混合方法到类的实例，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教...

阅读:34次

thinkphp ajaxfileupload实现异步上传图片的示例

本篇文章主要介绍了thinkphp ajaxfileupload实现异步上传图片的示例，具有一定的参考价值，有兴趣的可以了解一下...

阅读:66次

CSS3鼠标悬停图片动画_html/css_WEB-ITnose

CSS3鼠标悬停图片动画_html/css_WEB-ITnose:鼠标放到图片上后： demo地址：demo div： 1 2 3 4 5 6...

阅读:40次

CSS左右固定，中间填满布局_html/css_WEB-ITnose

CSS左右固定，中间填满布局_html/css_WEB-ITnose:先上个高清无码图： 源码： div { line-height:60px; /*让字体垂直居中*/ } div.b...

阅读:37次

看书《DIV+CSS商业案例与网页布局开发精讲》_盒子模型、制作logo和banner_随手笔记_h

看书《DIV+CSS商业案例与网页布局开发精讲》_盒子模型、制作logo和banner_随手笔记_html/css_WEB-ITnose:一、盒子模型（box model） 一个盒子又4部分组成：content（内容）、padding（填充）、border（边框）和margin（外边界） 盒子模型有两种： （1）标准W3C盒子模型 （2）IE盒子模型（co...

阅读:38次

JavaScript事件-鼠标事件

在浏览器中可能发生的事件类型有很多种。鼠标事件是指与鼠标操作相关的事件。很多对象都能够响应鼠标事件，在DOM中定义了7个鼠标事件。...

阅读:97次

HTML5版智力拼图

HTML5版智力拼图:本文介绍文件下载：智力拼图板文件下载 （浏览器需支持HTML5） 还记得小时候经常玩的这种智力拼图板么，通过各个小格子的移动拼成一幅完整的画面。这种拼图的规则大致是：1. 如果是九宫格的玩法，在九宫格里面有八个小方块；2. 在...

阅读:52次

使用photoshop(PS)滤镜功能制作日食效果图实例教程

使用photoshop(PS)滤镜功能制作日食效果图实例教程:本文主要介绍如何使用PS滤镜功能模仿制作出日食效果图片，这个日食效果其实并不复杂，前期我们需要把它的层次理解透切。大致分为三个部分：背景及底部的放射光束、发光星球以及顶部的光晕和暗部区域。这样制作起来就非常简单这个日食效果其实并不复杂，前期...

阅读:52次

html5教程-Chart.js（图表绘制工具库）――HTML5

...

阅读:106次

react lazyLoad加载使用详解

目录1.lazyLoad用处2.使用2.1 react-router-dom5版本写法2.2 react-router-dom6版本写法1.lazyLoad用处 默认例如首页，如果有好十几个甚至百个路由，react是会默认一下全部把路由组件一下全部加载的，极可能造成页面卡顿。...

阅读:58次

css box-ordinal-group属性怎么用

css box-ordinal-group属性怎么用:css box-ordinal-group属性是css3中新增属性，是使用来规定box子元素显示的次序，目前主流浏览器都还不支持该属性。但是一些主流浏览器有对应的私有属性来代替该属性，Internet Explorer 10支持ms-fle...

阅读:52次

通过iframe实现在body中放frameset

通过iframe实现在body中放frameset:因frameset和body平级 所以不能将frameset放在body里 可以先在一个页面里放个iframe，再定向到一个页面，这个页面里放frameset 代码如下: body style="width:100%;height:100...

阅读:51次

vue 动态添加el-input的实现逻辑

这篇文章主要介绍了vue 动态添加el-input的实现代码，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...

阅读:101次

同样在一个标签里面，为什么第一个字变大了？_html/css_WEB-ITnose

同样在一个标签里面，为什么第一个字变大了？_html/css_WEB-ITnose:刘 天下类似是这样的， 同样是在里面 回复讨论(解决方案) 设置一下字体。。 这里面应该有其他标签，将它们的字体 设置一致就ok {$l.user_name}"的错误？...

阅读:44次

前端开发必备

前端开发必备:介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具。 基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现...

阅读:48次

LunarMarkdownEditor--Markdown编辑器_html/css_WEB-ITno

LunarMarkdownEditor--Markdown编辑器_html/css_WEB-ITnose:关于 Lunar Markdown Editor (LME) LME 是个 Markdown 编辑器，适合用来创建 CHM 文档。 能创建 CHM 工程文件（含目录文件、索引文件），但不能编译 CHM， 编译...

阅读:43次

兼容ie7、8、9、10、FF、Chrome的遮罩显示

兼容ie7、8、9、10、FF、Chrome的遮罩显示:经常碰到这种情形，要实现图片上有一层遮罩和按钮，鼠标滑过时遮罩颜色变深且按钮图片变化，磕磕碰碰终于弄出来题目所述兼容的解决方案。对于遮罩的实现，将遮罩层、按钮、图片放置在同一个div中，根据absolute的位置跟随特性，将遮罩层和按钮放在...

阅读:41次

DIV常用的居中方法_html/css_WEB-ITnose

DIV常用的居中方法_html/css_WEB-ITnose:一.DIV常用的居中方法： ①利用相对定位设置div外边距自动调整达到居中效果（ps:如果IE浏览器无效果还要在Body里面加上''text-align:center''这个属性,或是外面再加一层DIV，设置属性''text-align...

阅读:46次

pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新

这篇文章主要介绍了pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新的相关资料,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下...

阅读:50次

怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果

怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果:这次给大家带来怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果，实现实现点击按钮文字变成input框,点击保存变成文字效果的注意事项有哪些，下面就是实战案例，一起来看一下。 html la...

阅读:50次

分享全球十款超强HTML5开发工具_html5教程技巧

分享全球十款超强HTML5开发工具_html5教程技巧:最近，看到有人在HTML5论坛问到，目前全球有哪些比较优秀的HTML5开发软件。笔者根据自己对HTML5的了解，以及周边的所见所闻，总结了十款非常不错的HTML5开发工具和大家分享一下。 当然，HTML5的开发工具真的很多，还有一些也...

阅读:43次

JavaScrip如何安全使用Payment Request API详解

这篇文章主要为大家介绍了JavaScrip如何安全使用Payment Request API详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪...

阅读:35次

css怎样设置链接不显示鼠标小手

在css中，可以利用cursor属性来设置链接不显示鼠标小手，该属性的作用是规定元素显示的光标形状，当该属性的值为“default”时，链接的光标就不会显示小手，语法为“cursor:default;”。...

阅读:27次

Photoshop一幅动感的冲浪海报

Photoshop一幅动感的冲浪海报:来源：Missyuan 作者：Sunnie本教程的色调及创意非常不错。简单的利用冲浪女孩素材，通过一系列的调色及增加装饰效果打造出一幅非常出色的效果。制作的过程不多，不过作者的细节及局部装饰做得很棒，值得学习。 原图最终效果...

阅读:49次