html5,布局,模板

竭诚为您提供优质文档/双击可除

html5,布局,模板

篇一：干货!全新的免费html5网页模版

干货！全新的免费html5网页模版

目前互联网上存在很多专业的高质量html5模版，并且是免费的，如果你熟悉编程的话，只需要研究一下它们的代码就可以学到很多便捷的操作和新的技术。在今天的文章当中我不是列出一长串可用模版的列表，而是精挑细选出高质量的响应式html5模版。更重要的是，它们都是免费的，所以我希望能有几个模版能满足的你的需求，能够运用于你的项目当中。

codester

legend

legend是一个基于twitterbootstrap的多功能响应式

单页模版。你可以用它来制作一个登录页，或者说是创意设计人员的线上作品展示网站，甚至于是构建一个商务主题站。

caprice

liquidgem

liquidgem利用css媒体查询和百分比布局给出了一个完整的响应式设计。它还包括一个图片幻灯，一套完整的php 联系表单和一个工作示例页面。

mnml

一个轻量级的模版，用于html5/scss的响应式项目。

Varna

免费，开源，极简的响应式网站模版。

agency

agency是基于twitterbootstrap建立的响应式html5商务模版。

century

拥有工作分类和音乐播放器的响应式html5模版。

mori-dark

极其简约的响应式博客模板。

篇二：html5网站布局

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是iframe 的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大家一种iframe动态调整高度的方法，主要是以下js函数：

一、程序代码

functionsetwinheight(obj)

{

varwin=obj;

if(document.getelementbyid)

{

if(win

elseif(win.document

}

}

}

最后，加入iframe,不能丢掉onload属性，当然了，id 也必须也函数中的win匹配；

二、程序代码：

我们看看另一种情况的iframe解决方案

重要提示：src=中你必须填写的网页地址，一定要和本页面在同一个站点上，否则，会抱错，说“拒绝访问!”(实际上这是因为js的跨域问题导致拒绝访问的)现在给大家分享一下：

1、建立一个bottom.js的文件，然后输入下面的代码；

parent.document.all("框架id名

").style.height=document.body.scrollheight;

parent.document.all("框架id名

").style.width=document.body.scrollwidth；

2、给你网站里所有的被包含文件里面每个都加入，在winxp、ie6下面测试通过；

实现iframe的自适应高度

实现iframe的自适应高度，能够随着页面的长度自动的适应以免除页面和iframe同时出现滚动条的现象；

程序代码

技术支持：深圳市职场在线网络科技有限公司

//**iframe自动适应页面**//

//输入你希望根据页面高度自动调整高度的iframe的名称的列表

//用逗号把每个iframe的id分隔.例

如:["myframe1","myframe2"]，可以只有一个窗体，则不用逗号。

//定义iframe的id

variframeids=["test"]

//如果用户的浏览器不支持iframe是否将iframe隐藏yes表示隐藏，no表示不隐藏variframehide="yes"

functiondyniframesize()