打开PPT之类的应该是IEonly的吧
或者选择将PPT转换为html
打开PPT,文件-》另存为网页,就把PPT转换成HTML了,然后像正常网页一样发布就好。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style>
*{ padding:0margin:0}
.hy-hdp { display:blockoverflow:hidden}
.hy-hdp .pic{ width:400pxheight:320pxposition:relative}
img{ position:absoluteleft:0top:0width:400pxheight:320px}
li{ list-style:nonewidth:20pxheight:20pxcolor:#FFFFFFbackground:redline-height:20pxfloat:left}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
/* var $aImg=$("#abc .pic img")
var $aLi=$("#abc .num li")
hy.Init()
hy.m($aImg,$aLi,0)
$aImg.each(function(i,ele){
$(this).click(function(){
$aLi.css("background","red")
$aLi.eq(i).css({
"background" : "green"
})
})
})
$aLi.each(function(index,ele){
$(this).click(function(){
hy.m($aImg,$aLi,index)
})
})*/
$("#abc").hy(2)
$("#bbb").hy(0)
})
(function($,undefined){
$.fn.hy = function(o){
var $obj = $(this)
return new HY($obj,o)
}
var HY = function($obj,o){
var pp = {}
pp.T = null
pp.ii = 0
pp.img = $obj.find(".pic img")
pp.li = $obj.find(".num li")
pp.index = o
m(pp)
pp.li.each(function(index,ele){
$(this).click(function(){
clearTimeout(pp.T)
pp.index = index
m(pp)
})
})
}
function m(o){
o.li.css("background","red")
o.li.eq(o.index).css("background","green")
o.img.each(function(index,ele){
if(index==o.index){
$(this).css({
"zIndex":2,
"opacity" : 0
})
}else if(index==o.ii){
$(this).css("zIndex",1)
}else{
$(this).css("zIndex",0)
}
})
o.img.eq(o.index).animate(
{
"opacity" : 1
},
1000
)
o.ii = o.index
o.index = o.index+1
o.index = o.index>=o.li.length?0:o.index
o.T = setTimeout(function(){
m(o)
},2000)
}
})(jQuery)
</script>
</head>
<body>
<!--<div id="abc" class="hy-hdp" style="float:leftmargin:0 10px">
<div class="pic">
<img src="images/1.jpg" />
<img src="images/2.jpg" />
<img src="images/3.jpg" />
<img src="images/4.jpg" />
<img src="images/5.jpg" />
<img src="images/6.jpg" />
</div>
<ul class="num">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>-->
<div id="bbb" class="hy-hdp style="float:leftmargin:0 10px">
<div class="pic">
<img src="images/1.jpg" />
<img src="images/2.jpg" />
<img src="images/3.jpg" />
<img src="images/4.jpg" />
<img src="images/5.jpg" />
<img src="images/6.jpg" />
</div>
<ul class="num">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>
</body>
</html>
HTML5实现播放PPT的方法可以调用CSS样式,步骤如下;
1、调用JS插件代码:
<script src="js/yhc.js"></script>
<script src="js/main.js" charset="utf-8"></script>
<script>impress().init()</script>
2、添加CSS样式代码:<link href="css/qqguoji.css" rel="stylesheet" />。
3、添加HTML代码:将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。请用支持HTML5+CSS3主流浏览器预览效果,兼容测试:IE11、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器