重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
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中新加入的一些方法去控制播放