扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
overflow:scroll; /*任何时候都强制显示滚动条*/
目前创新互联建站已为上千多家的企业提供了网站建设、域名、网络空间、网站托管运营、企业网站设计、宁晋网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
overflow:auto; /*需要的时候会出现滚动条*/
overflow-x:auto; /*控制X方向的滚动条*/
overflow-y:auto; /*控制Y方向的滚动条*/
示例:
HTML
HEAD
TITLE测试表格内的滚动条/TITLE
/HEAD
BODY
table
tr
td表格内的滚动条:/td
td
div id="pageone" style=""
iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0"
/iframe
/div/td
/tr
tr
td colspan="2" align="right"
span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
onmouseout=clearInterval(scrollb)向左/span
span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
onmouseout=clearInterval(scrollb)向上/span
span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
onmouseout=clearInterval(scrollb)向右/span
span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
onmouseout=clearInterval(scrollb)向下/span
/td
/tr
/table
/BODY
/HTML
这个html5直接不建议使用。平常html4也很少用,一般是一些特殊要求或迫不得已的时候采用,用户体验不好,属于很早之前的技术了。
可以用jQuery获取到当前的窗口的宽度,来计算iframe的宽和高,示例代码如下:
iframe src="" frameborder="0" id="demo"/iframe
script src="" type="text/javascript"/script
script
$(document).ready(function() {
var ifr_width=$(window).width()*0.75;
$("#demo").css('width',ifr_width);
$("#demo").css('height',ifr_width*0.75);
});
/script
jQuery中获取当前窗口的宽度代码是:$(window).width();
html5不支持frameset的,所以解决方法有以下两种:
1、 使用iframe,但是目前使用iframe的人已经越来越少了,而且iframe在不同浏览器之间还有不兼容的情况。
2、使用jQuery的onload方法加载页面,不过这种方法跳转多个页面后,点击浏览器上方的后退前进是无效的,不过可以认为的添加一个返回按钮。所以更流行的是这种方法:
举例说明:
!DOCTYPE HTML
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlediv+css实现frameset效果/title
style type="text/css"
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
/style
/head
body
div class="page"
div class="header"
div id="title"
h1顶部/h1
/div
/div
div class="MainContainer"
div class="sidebar"
边栏
/div
div id="main" class="main"
内容
/div
/div
/div
/body
/html
4、运行效果如下:
不能控制 iframe标签里的视频 iframe里面的视频就是另一个网页的了 只能有那个网页去控制
但是video标签可以通过html5中新加入的一些方法去控制播放
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流