篇一：干货!全新的免费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同时出现滚动条的现象； 程序代码 技术支持：深圳市职场在线网络科技有限公司zczxweb.cn //**iframe自动适应页面**// //输入你希望根据页面高度自动调整高度的iframe的名称的列表 //用逗号把每个iframe的id分隔.例如:["myframe1","myframe2"]，可以只有一个窗体，则不用逗号。 //定义iframe的id variframeids=["test"] //如果用户的浏览器不支持iframe是否将iframe隐藏yes表示隐藏，no表示不隐藏variframehide="yes" functiondyniframesize() { vardyniframe=newarray() for(i=0;i { if(document.getelementbyid) {(html5,布局,模板) //自动调整iframe高度 dyniframe[dyniframe.length]=document.getelementbyid(iframeids); if(dyniframe elseif(dyniframe.document } } //根据设定的参数来处理不支持iframe的浏览器的显示问题 if((document.all||document.getelementbyid)本文档由北大青鸟广安门收集自互联网，仅作分享之用。 有了这些，你根本不需要再进国内哪些模板网站，哪些站虽然模板数量很多，但是对于我们来说，时间是宝贵的，我们只需要精品就可以了。请收藏、请分享，tks. legend响应式单页面网站模板 legendhtml5模板很漂亮，而且适合多用途网站，因为使用bootstrap框架搭建，所以支持bootstrap的插件，易于定制、扩展性灵活，是一个很不错的免费网站模板！下载模板|在线演试 stronglytyped stronglytyped 是一个免费的响应式设计模板， 使用html5/css3编写，包含基本的页面元素和页面。 下载模板|在线演试 codester codester这个html5模板使用了bootstrap构建，如果了解bootstrap的用户我想你一定会喜欢上它。 下载模板|在线演试 brushedtemplate brushed也是使用了twitterbootstrap框架搭建，并且对Retina显示屏优化(iphone,ipad,ipodtouchandmacbookproRetina)，非常适合作品展示使用。下载模板|在线演试 escapeVelocity escape是免费的响应式设计网站模板，并且使用了扁平化设计。 下载模板|在线演试 parallelism 很明显这个parallelism自适应网页模板适合相册、作品展示使用，还有一个强大之处就是网页图片的大小会自动适应，非常不错! 下载模板|在线演试 dopetrope dopetrope使用了响应适+，整体风格简洁。如果你对扁平化设计有兴趣，请浏览《网页设计素材 href="/40-flat-app-and-web-design-ui-elements.html"target=_blankclosure_uid_pjzof5="847">》 下载模板|在线演试 miniporttemplate miniport是一个全屏的自适应的单页面网站模板，内容不多的用户可以选择这人，另外你也可以查看更多《单页面网站》设计。 下载模板|在线演试 obscurahtml模板
本文来源：https://www.2haoxitong.net/k/doc/375ee7bbfe00bed5b9f3f90f76c66137ef064f77.html
文档为doc格式