登录

html5+css3学习,html5+css3教程,网页制件,web前端开发教程,JavaScript教程

JavaScript简单返回顶部代码实例

JavaScript简单返回顶部代码实例
更多返回顶部jquery特效代码、返回顶部js特效代码、返回顶部网页代码,js常用返回网页顶部方法,js返回顶部实例、JS简单返回顶部代码实现欢迎分享。 实现网站底部返回顶部的方法有很多种,最简单就是使用锚标记方法直接跳到顶部。目前使用最多的就是jquery返回网页顶部代码。……全文阅读 »

maolai 5年前 (2018-07-18) 2554浏览 0评论

新浪微博主页侧边栏跟随页面滚动代码

新浪微博主页侧边栏跟随页面滚动代码
现在很多网站都有侧栏跟随的效果,如网站主体内容有两栏或三栏的时候,当内容栏页面很长,而侧栏(左/右)太短空白,很不美观。而使用侧边栏跟随固定浮动的效果(常见有相关推荐、文章推荐、热门文章、广告推广、左侧导航栏等),可提高网站阅读量、文章的点击率等。最常见的就是新浪微博主页(h……全文阅读 »

maolai 5年前 (2018-07-17) 2586浏览 0评论

鼠标经过文字显示隐藏图片css样式

鼠标经过文字显示隐藏图片css样式
鼠标经过文字显示隐藏图片css样式,js鼠标经过文字显示图片预览效果,css如何实现鼠标移至文本上显示文字或图片。jQuery鼠标经过文字显示二维码代码。 这是一个比较简单的鼠标悬停经过文本显示二维码图片js效果,鼠标离开隐藏图片,代码简洁,显示位置上下左右可自己调整,目前非……全文阅读 »

maolai 5年前 (2018-06-18) 1281浏览 0评论

个人网站html5雪花飘落代码JS特效下载

个人网站html5雪花飘落代码JS特效下载
如何给自己的网站/页面添加雪花代码、特效呢?有的网站配合自己的主题模板添加雪花飘落效果挺好看的。特别是与冬天季节相关的主题,很多的博客空间都加了雪花的效果。在网上搜索了几种雪花效果,做了简单的修改,在这里给大家分享下。将代码添加到你的页面就可以了。 1、唯美浪漫雪花飘落jq……全文阅读 »

maolai 5年前 (2018-02-26) 2239浏览 0评论

JavaScript语法构成/关键字保留字及变量

JavaScript语法构成/关键字保留字及变量
任何语言的核心都必然会描述这门语言最基本的工作原理。而 JavaScript 的语言核心就是 ECMAScript,而目前用的最普遍的是第3版。 一、语法构成 区分大小写:ECMAScript 中的一切,包括变量、函数名和操作符都是区分大小写的。例如:text和Text表示两……全文阅读 »

maolai 6年前 (2017-07-22) 1218浏览 0评论

HTML5 audio如何实现播放多个MP3音频

HTML5 audio如何实现播放多个MP3音频
<audio>标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流。用的比较多音频格式是.mp3。 <audio>标签常用属性如下表 属性 值 描述 autoplay autoplay 添加该属性后,音频会自动播放 ……全文阅读 »

maolai 6年前 (2017-03-26) 2082浏览 1评论

CSS3流体多列布局columns属性

CSS3流体多列布局columns属性
一.早期多列问题 我们有时想布局成报纸、杂志那样的多列方式(至少两列,一般三列以上),但早期CSS 提供的布局方式都有着极大的限制。如果是固体布局,那么使用浮动或定位布局都可以完成。但对于流体的多列,比如三列以上,那只能使用浮动布局进行,而它又有极大的限制。 因为它是区块性的……全文阅读 »

maolai 7年前 (2016-12-14) 1262浏览 0评论

李炎恢老师HTML5第一季视频教程下载

李炎恢老师HTML5第一季视频教程下载
课程目标:HTML5第一季主要学习HTML5的标签和CSS3的基本知识,然后通过三种不同类型的案例贯穿整个学习过程! 适用人群:HTML5的初学者,对Web前端入门课程感兴趣的同学! 课程简介:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重……全文阅读 »

maolai 7年前 (2016-12-10) 1173浏览 0评论

web前端position定位层:absolute+relative应用

web前端position定位层:absolute+relative应用
web前端html定位层的特点: 完全脱离默认文档流,独立于立体层面的Z轴之上。和float浮动一样都脱离了默认文档流。但float元素与默认文档流之间会相互产生影响,而定位层元素则完全独立互不干扰。 让元素inline-block化:例如一个div标签默认宽度是100%显示……全文阅读 »

maolai 7年前 (2016-12-08) 1234浏览 0评论

css中position属性定位:absolute与relative

css中position属性定位:absolute与relative
定位层是由html元素(标签)形成的一个特殊的box盒子。其重点在于“定位”,而html元素(标签)的定位方式由css来控制。通常情况下,html元素(标签)默认的定位方式叫作“静态定位”,存在于普通文档流中。而定位层是指的那些修改了定位方式的box,即非静态定位的box。 ……全文阅读 »

maolai 7年前 (2016-12-08) 1335浏览 0评论

html5常用标签定义及使用说明

html5常用标签定义及使用说明
HTML5是下一代Web语言,它不再只是一种标记语言,它未下一代web提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些用用标准化,从而使web能够轻松实现类似桌面的应用体验。 Html5优点:1、提高可用性和改进用户的友好……全文阅读 »

maolai 7年前 (2016-11-26) 1396浏览 0评论

web前端开发表单form/input标签

web前端开发表单form/input标签
什么是表单?表单是搜集用户数据信息的各种表单元素的集合区域。它的作用是实现网页上的数据交互。搜集客户端输入的数据信息,提交到网站服务器端进行处理(搜集录入/比对验证等)。 表单常见应用:a、注册/登录 b、搜索 c、留言/评论 d、文件上传/文章编辑 表单的结构:表单区域+表……全文阅读 »

maolai 7年前 (2016-11-19) 1223浏览 0评论

css样式float浮动后,父元素塌陷解决方法

css样式float浮动后,父元素塌陷解决方法
当父元素里面的内容有浮动的时候,如果这个父元素没有设置高度和宽度的时候,就会导致父元素塌陷,即没设置高度时,父元素会变成一条线。在这里我们可以称为“塌陷”。如下例子:box父元素没有设置高度,只设置边框,它的子元素box1,box2设置宽高、背景颜色、左浮动。 代码如下: &……全文阅读 »

maolai 7年前 (2016-11-12) 1356浏览 0评论

sublime text3的快捷键/使用Emmet插件

sublime text3的快捷键/使用Emmet插件
Sublime Text3的一个 HTML5 代码提示插件:Emmet,这个插件比自带原生的要强大许多。 一.安装方式 Emmet 插件安装一般采用两种方式,1.通过命令安装;2.下载离线安装。这里直接采用的是下载离线安装方式。具体步骤: 1.解压下载好的 Emmet 插件包……全文阅读 »

maolai 7年前 (2016-11-12) 1343浏览 0评论

web前端盒子模型box model属性

web前端盒子模型box model属性
内容区域设定:width:宽度的设定,height:高度的设定。宽度和高度的设定可以是个体的数值(带单位),也可以是百分比设置。 内边距(padding)的设定: .盒子的内边距为上右下左四个方向 .内边距的设定用来控制盒子中装载的内容到盒子边缘(边框)之间的距离。 .盒子的……全文阅读 »

maolai 7年前 (2016-11-11) 1229浏览 0评论

web前端HTML超级链接

web前端HTML超级链接
.标签<a> 双标签,行间元素 .href属性是其最重要的属性,用来定义链接的目标地址,实现超级链接的功能 .如果没有href属性,<a>标签仅仅是超链接的一个占位符。 基础代码:<a href="url">链接文本元素</a>……全文阅读 »

maolai 7年前 (2016-11-10) 1247浏览 0评论