• div中iframe高度自适应问题

    网页分为上、中、下三部分,上、下高度固定中间高度自适应;中间分为左、右两部分,左边宽度固定,右边宽度自适应。现在右侧div是宽度和高度都是自适应,右侧div里有个IFrame,想让IFrame自适应外部div的宽度和高度? 我自己做的时候出现的问题是:当ifame的width和hei...

    2018-06-24 00:17:37

  • 使用jQuery的toggle()方法对HTML标签进行显示、隐藏操

    这是一个示例: html head script type ="text/javascript" src ="https://code.jquery.com/jquery-1.11.3.js" / script script type ="text/javascript" $(document).ready( function (){ $( " .btn1 " ).click( function (){ $( " p " ).toggle(); // toggle()方法进...

    2018-06-24 00:17:36

  • 文本超出部分出现省略号

    仅适用于单行 当希望文本超出部分出现省略号时: 可设置: white-space:nowrap; text-overflow:ellipsis; 例如: p{ width:200px; border:1px solid #ccc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }...

    2018-06-24 00:17:34

  • 如何在web中实现类似excel的表格控件

    Execl功能非常强大,内置的很多函数或公式可以大大提高对数据的加工处理能力。那么在web中有没有类似的控件呢?经过一番搜寻,发现handsontable具备了基本的excel功能支持公式,同时能对数据进行实时编辑。另外支持拖动复制、Ctrl+C 、Ctrl+V 等等。在浏览器支持方面,...

    2018-06-24 00:17:28

  • 列表的响应式排版

    效果展示: 一、每行固定个数:保证排版的美观 .list li{width:20%;display:inline-block;*display:inline;*zoom:1;overflow:hidden;} 二、随页面宽度调整个数和大小:保证图文的可读性 .list li{width:20%;display:inline-block;*display:inline;*zoom:1;overflow:hidd...

    2018-06-24 00:17:26

  • Chrome浏览器Network面板http请求时间分析

    Chrome浏览器开发者工具Network窗口下,可以查看下载各组件所需的具体时间 根据上表进行简要分析 Stalled(阻塞) 浏览器对同一个主机域名的并发连接数有限制,因此如果当前的连接数已经超过上限,那么其余请求就会被阻塞,等待新的可用连接;此外脚本也会阻塞其他组件...

    2018-06-24 00:17:20

  • 随机得到1-20之间的10个不相同的随机数

    ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title 10个随机数不相同 / title / head body h1 id ="con" / h1 script var con = document.getElementById( ' con ' ); var arr = []; // 第一种方法 for ( var i = 0 ; i 10 ; i ++ ) { var x = parseIn...

    2018-06-24 00:17:15

  • 响应式布局的见解

    对于响应式布局呢,我相信每个人都有自己不同的见解,有的呢认为响应式布局就是一种网页,但是我们真正的响应式布局是可以随网页的大小,从而自己调节的一种网页,在PC端的时候网页上的所有的东西都呈一排显示,或者是分为有两个侧栏,或一个侧栏,还有主题内容组成的...

    2018-06-24 00:17:16

  • 深度解析响应式布局

    概念 响应式布局,就是响应式设计方案的呈现。具体点就是在不同的设备上,网页能自动识别屏幕宽度、并根据设备的显示面积(一般情况下是指的屏幕宽度,当然,也可以是其他的,可以在下面详细解释)显示出不同的效果。通俗点就是设计一套布局,在PC端和移动端都可以使用...

    2018-06-24 00:17:14

  • CSS3——3D翻转相册

    transform属性和transition过渡属性,结合jQuery代码实现翻转功能。 1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title 3d翻转相册 / title 6 script src ="jquery-3.0.0.min.js" / script 7 style 8 .container { 9 position : relative ;...

    2018-06-24 00:17:06

2