js有办法在页面中播放PPT吗

JavaScript029

js有办法在页面中播放PPT吗,第1张

可以。

打开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主流浏览器