css样式: #box{ width: 300px; height: 300px; background: deepskyblue; position: absolute; margin-right: 20px; } html布局: <div id="box"></div> js部分: window ...
分类:
移动开发 时间:
2016-11-10 11:39:49
阅读次数:
248
网站布局 大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。 大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 HTML 布局 - 使用<div> 元素 div 元素是用于分组 HTML 元素的块级元素。 ...
分类:
Web程序 时间:
2016-11-09 15:28:15
阅读次数:
284
这里是一个在PC端电商页面经常用到的一种功能,它可以使消费者在查看页面的商品时看的更加清晰。也就是俗称的放大镜 这里需要用到一些知识,鼠标事件(mousemove,mouseenter,mouseleave),定位等事件。 这里的html布局是在页面上有一个div,内部放一张图片,和一个小滑块(小d ...
分类:
其他好文 时间:
2016-10-28 15:33:42
阅读次数:
151
前言 上传文件应该是很常见必不可少的一个操作,网上也有很多提供的上传控件。今天遇到一个问题:input控件file无法进行异步无刷新上传。真真的感到别扭。所以就尝试这去处理了一下。 上传封装类: 上传文件的方法在这也没有什么过得的介绍。看代码注释应该都好理解。 页面html 以上页面就是上传控件的h ...
分类:
Web程序 时间:
2016-10-21 13:28:19
阅读次数:
279
最新在学习JS写一些实用的小玩意——手风琴 CSS样式: HTML布局: 引用的JS JS关键代码 JS大致思路就是先获取当前被点击的a元素,然后展开a元素下的ul元素,再遍历所有的ul元素,再将已展开的ul元素隐藏,这样就完成了手风琴效果。 手风琴效果如果有不完善的地方,希望各位JS/JQ大神多多 ...
分类:
Web程序 时间:
2016-09-21 11:26:52
阅读次数:
151
css样式表代码: html布局代码: 效果图: html布局部分,可根据自己需要添加对应的div即可。 1、CSS关键样式单词解释 1)、ul.imglist{ margin:0 auto; width:536px; overflow:hidden}使用margin:0 auto,让ul结构布局居 ...
分类:
Web程序 时间:
2016-09-21 00:05:14
阅读次数:
320
1.布局 ① 使用 <div> 元素的 HTML 布局,<div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。 ② 使用 HTML5 的网站布局 HTML5 提供的新语义元素定义了网页的不同部分: HTML5 语义元素: ③ 使用表格的 HTML 布局 。<table> 元素不是 ...
分类:
Web程序 时间:
2016-09-20 12:08:49
阅读次数:
287
第32 章项目实战-移动端流体布局[6]学习要点:1.旅游资讯2.机票预定 本章主要开始如果通过第一个PC 端项目进行重构,设计成移动端可访问的页面,这个项目采用的是流体布局。一.旅游资讯这个如果做成移动端,那么一切从简,否则缩小时就无法容纳太多的文字。//html,布局和PC 端差不多<figur ...
分类:
移动开发 时间:
2016-09-20 12:02:03
阅读次数:
295
第32 章项目实战-移动端流体布局[6]学习要点:1.旅游资讯2.机票预定 本章主要开始如果通过第一个PC 端项目进行重构,设计成移动端可访问的页面,这个项目采用的是流体布局。一.旅游资讯这个如果做成移动端,那么一切从简,否则缩小时就无法容纳太多的文字。//html,布局和PC 端差不多<figur ...
分类:
其他好文 时间:
2016-09-20 12:00:17
阅读次数:
161
html布局之圣杯布局 CSS 样式布局之双飞翼布局 css ...
分类:
Web程序 时间:
2016-09-15 18:01:26
阅读次数:
204