包含ppt使用js代码的词条

本篇文章给大家谈谈ppt使用js代码，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、怎样在ppt中插入javascript或vbscript代码?
• 2、js自动播放幻灯片函数
• 3、谁能告诉我图片幻灯片的JS怎么写？
• 4、js幻灯片广告切换代码

怎样在ppt中插入javascript或vbscript代码?

javascript或vbscript代码是网页脚本，用来插入到网页里的，

PPT是做幻灯片演示文稿的。不是一个类型的东西

js自动播放幻灯片函数

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

style

*{ padding:0; margin:0;}

.hy-hdp { display:block; overflow:hidden;}

.hy-hdp .pic{ width:400px; height:320px; position:relative;}

img{ position:absolute; left:0; top:0;width:400px; height:320px;}

li{ list-style:none; width:20px; height:20px; color:#FFFFFF; background:red; line-height:20px; float:left;}

/style

script src=""/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:left; margin: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"

li1/li

li2/li

li3/li

li4/li

li5/li

li6/li

/ul

/div--

div id="bbb" class="hy-hdp style="float:left; margin: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"

li1/li

li2/li

li3/li

li4/li

li5/li

li6/li

/ul

/div

/body

/html

谁能告诉我图片幻灯片的JS怎么写？

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleJavascript图片幻灯效果/title

style type="text/css" media="all"

.d1{width:443px;height:auto;overflow:hidden;border:#666666 2px solid;background-color:#000000;position:relative;}

.loading{width:443px;border:#666666 2px solid;background-color:#000000;color:#FFCC00;font-size:12px;height:179px;text-align:center;padding-top:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}

.d2{width:100%;height:209px;overflow:hidden;}

.num_list{position:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;}

.num_list span{display:inline-block;height:16px;padding-left:6px;}

img{border:0px;}

ul{display:none;}

.button{position:absolute; z-index:1000; right:0px; bottom:2px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.b1,.b2{background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}

.b2{color:#FFCC33;background-color:#FF6633;}

/style

script language="javascript" type="text/javascript"

//主函数

var s=function(){

var interv=2000; //切换时间

var interv2=10; //切换速速

var opac1=80; //文字背景的透明度

var source="fade_focus" //图片容器的id名称

//获取对象

function getTag(tag,obj){if(obj==null){return document.getElementsByTagName(tag)}else{return obj.getElementsByTagName(tag)}}

function getid(id){return document.getElementById(id)};

var opac=0,j=0,t=63,num,scton=0,timer,timer2,timer3;var id=getid(source);id.removeChild(getTag("div",id)[0]);var li=getTag("li",id);var div=document.createElement("div");var title=document.createElement("div");var span=document.createElement("span");var button=document.createElement("div");button.className="button";for(var i=0;ili.length;i++){var a=document.createElement("a");a.innerHTML=i+1;a.onclick=function(){clearTimeout(timer);clearTimeout(timer2);clearTimeout(timer3);j=parseInt(this.innerHTML)-1;scton=0;t=63;opac=0;fadeon();};a.className="b1";a.onmouseover=function(){this.className="b2"};a.onmouseout=function(){this.className="b1";sc(j)};button.appendChild(a);}

//控制图层透明度

function alpha(obj,n){if(document.all){obj.style.filter="alpha(opacity="+n+")";}else{obj.style.opacity=(n/100);}}

//控制焦点按钮

function sc(n){for(var i=0;ili.length;i++){button.childNodes[i].className="b1"};button.childNodes[n].className="b2";}

title.className="num_list";title.appendChild(span);alpha(title,opac1);id.className="d1";div.className="d2";id.appendChild(div);id.appendChild(title);id.appendChild(button);

//渐显

var fadeon=function(){opac+=5;div.innerHTML=li[j].innerHTML;span.innerHTML=getTag("img",li[j])[0].alt;alpha(div,opac);if(scton==0){sc(j);num=-2;scrolltxt();scton=1};if(opac100){timer=setTimeout(fadeon,interv2)}else{timer2=setTimeout(fadeout,interv);};}

//渐隐

var fadeout=function(){opac-=5;div.innerHTML=li[j].innerHTML;alpha(div,opac);if(scton==0){num=2;scrolltxt();scton=1};if(opac0){timer=setTimeout(fadeout,interv2)}else{if(jli.length-1){j++}else{j=0};fadeon()};}

//滚动文字

var scrolltxt=function(){t+=num;span.style.marginTop=t+"px";if(num0t3){timer3=setTimeout(scrolltxt,interv2)}else if(num0t62){timer3=setTimeout(scrolltxt,interv2)}else{scton=0}};

fadeon();

}

//初始化

window.onload=s;

/script

/head

body

div id="fade_focus"

div class="loading"Loading...br /img src="/jscss/demoimg/200905/logings.gif" width="100" height="100" //div

ul

liimg src="/jscss/demoimg/wall1.jpg" width="443" height="209" alt="展示图片1" //li

liimg src="/jscss/demoimg/wall2.jpg" width="443" height="209" alt="展示图片2" //li

liimg src="/jscss/demoimg/wall3.jpg" width="443" height="209" alt="展示图片3" //li

/ul

/div

/body

/html

js幻灯片广告切换代码

js幻灯片广告切换代码如下操作。

1、下载到的压缩包，上传到网站根目录下。

2、解压出来，复制index.html里面的主要代码，插入到网站项目想要放置的位置。

3、对插入的代码，根据自己需求对文字以及图片做适当的修改和替换，即可投入到自己网站中使用以及呈现。

关于ppt使用js代码和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。