div?style="height:400px;width:100%;overflow:hideen;"
建始網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),建始網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為建始數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的建始做網(wǎng)站的公司定做！
iframe?src="html5/html5.html"?width="1600"?height="400"colspan="no"?/iframe
/div
用div寫 高度400 寬度100%瀏覽器是多寬他就多寬 overflow:hideen;然后超出來(lái)的截取下就不會(huì)出現(xiàn)你的問(wèn)題了
早就不應(yīng)該用表格布局了 順便吐槽下你的瀏覽器
HTML5實(shí)現(xiàn)播放PPT的方法可以調(diào)用CSS樣式，步驟如下；
1、調(diào)用JS插件代碼：
script src="js/yhc.js"/script
script src="js/main.js" charset="utf-8"/script
scriptimpress().init();/script
2、添加CSS樣式代碼：link href="css/qqguoji.css" rel="stylesheet" /。
3、添加HTML代碼：將!--效果html開(kāi)始--......!--效果html結(jié)束--之間的html和js代碼；放在body/body之間。
該HTML5網(wǎng)頁(yè)模版是一款基于html5實(shí)現(xiàn)的網(wǎng)頁(yè)旋轉(zhuǎn)、移動(dòng)切換PPT展示效果。請(qǐng)用支持HTML5+CSS3主流瀏覽器預(yù)覽效果，兼容測(cè)試：IE11、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流瀏覽器
一般用ppt制作幻燈片。
方法/步驟
1、新建一張幻燈片，單擊菜單欄中的“設(shè)計(jì)”按鈕，單擊幻燈片大小，并且設(shè)置成 A4紙張，橫向幻燈片。
2、單擊鼠標(biāo)鍵，設(shè)置背景格式。選擇填充——圖片或文理填充，按需求設(shè)置背景?？商砑颖尘皥D片或者顏色。
3、單擊“文件”按鈕，單擊菜單欄的“插入一形狀”，選擇合適圖形素材。
4、之后再發(fā)揮自己的想象，疊加圖形、更改透明、圖像模糊處理，設(shè)置圖片邊框、圖片效果、圖片版式等等。
5、然后再添加標(biāo)題。最后，就可以進(jìn)行打印操作了。
html5可以使用代碼實(shí)現(xiàn)的簡(jiǎn)單幻燈片，并且能用鼠標(biāo)滾輪滾動(dòng)進(jìn)行換頁(yè)。
具體代碼如下：
!doctype?html
html?
head?
title/title
style
#slides{
position:absolute;
left:0px;
top:0px;
height:100%;
width:100%;
overflow:hidden;?
}
.slide{
position:absolute;
height:600px;
width:800px;
opacity:0.7;
background-color:rgba(0,?128,?196,?0.5)?!important;
background-color:#ccc;?
border-radius:10px;
left:50%;
top:50%;
margin-top:-300px;
box-shadow:5px?5px?5px?rgba(0,?0,?0,?0.5);?
transition:all?0.25s?ease-in-out?0s;
}
.current{
opacity:1;?
margin-left:-400px;?
}
.future{
margin-left:450px;
transform:?skew(-3deg)?scale(0.8);
-webkit-transform:?skew(-3deg)?scale(0.8);?
}
.post{
margin-left:-1250px;
transform:?skew(3deg)?scale(0.8);
-webkit-transform:?skew(3deg)?scale(0.8);
}
.far-future{
margin-left:1200px;
transition:none;?
}
/style
/head
body
div?id="slides"
div?class="slide?current"1/div
div?class="slide?future"2/div
div?class="slide?far-future"3/div
div?class="slide?far-future"4/div
div?class="slide?far-future"5/div
div?class="slide?far-future"6/div
div?class="slide?far-future"7/div
/div
script?!function(){?var?slides?=?document.getElementById("slides").childNodes;
var?l?=?slides.length;?function?fslide(e){?var?event?=?e?||?window.event;
//console.log(event.wheelDelta?+"?"+?event.detail);?for(var?i=0;il;i++)
{?if(slides[i].className=="slide?current")
{?var?current_slide?=?slides[i];?break;
}
}
//var?current_slide?=?document.getElementsByClassName("current")[0];
//?getElementsByClassName只有火狐，谷歌等瀏覽器的較新版本支持
if
((event.wheelDelta??0?/*ie,谷歌等瀏覽器*/?||?event.detail??0?/*firefox*/)??nextel(current_slide)){
if(prevel(current_slide)){?prevel(current_slide).className="slide?far-future";?}
current_slide.className="slide?post";?nextel(current_slide).className="slide?current";
if(nextel(nextel(current_slide)))
{?
nextel(nextel(current_slide)).className="slide?future";?}?
}
else?if((event.wheelDelta??0?||?event.detail??0)??prevel(current_slide)){
if(nextel(current_slide)){?nextel(current_slide).className="slide?far-future";?}?
current_slide.className="slide?future";?prevel(current_slide).className="slide?current";
if(prevel(prevel(current_slide))){?prevel(prevel(current_slide)).className="slide?post"?
}
}
}
document.onmousewheel?=?fslide;?
//?ie,谷歌等瀏覽器?if(document.addEventListener)
{?document.addEventListener("DOMMouseScroll",fslide,false);
//?firefox?}?}();?function?prevel(el){?if(el.previousSibling?==?null)
return?null;?return?el.previousSibling.nodeType?==?1???el.previousSibling?:?prevel(el.previousSibling);
}
function?nextel(el){?if(el.nextSibling?==?null)
return?null;?return?el.nextSibling.nodeType?==?1???el.nextSibling?:?nextel(el.nextSibling);?
}?/script
/body
/html
你需要一款簡(jiǎn)單易用的幻燈片演示制作工具，比如Focusky，這個(gè)軟件支持輸出多種格式，包括HTML/*.EXE/*.ZIP/*.APP/視頻/PDF/H5等，應(yīng)用很方便。
如何利用Focusky制作簡(jiǎn)易的HTML5幻燈片？有2種方式，一種是自定義創(chuàng)建幻燈片內(nèi)容，一種是直接套用模板編輯制作，簡(jiǎn)單易上手，推薦使用。打開(kāi)軟件，登錄賬號(hào)，選擇合適的幻燈片模板進(jìn)行套用，替換模板原有內(nèi)容，設(shè)置動(dòng)畫特效，就可以輸出HTML5幻燈片。
另外，F(xiàn)ocusky在演示上還支持3D幻燈片演示特效，可以打破傳統(tǒng)的PPT切換方式，只需加入生動(dòng)酷炫的3D鏡頭縮放、旋轉(zhuǎn)和平移特效就可以使幻燈片像3D電影般播放，給人以視覺(jué)沖擊感。
重慶分公司
重慶分公司
