简单的幻灯片代码（为幻灯片添加幻灯片编号从0开始）

今天给各位分享简单的幻灯片代码的知识，其中也会对为幻灯片添加幻灯片编号从0开始进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Jquery幻灯片特效代码分享--鼠标滑过按钮时切换（2）
• 2、用JAVA在界面中实现幻灯片播放，求代码
• 3、哪位好心人能否给我写个简单js的幻灯片代码，三个文件（HTML,CSS,JS）我是初学者，一张图片
• 4、谁有ASP幻灯片的代码啊？
• 5、一个幻灯片的代码
• 6、网页上图片幻灯片代码

Jquery幻灯片特效代码分享--鼠标滑过按钮时切换（2）

这篇文章主要介绍了jQuery实现幻灯片焦点图，可实现非常炫目时尚的幻灯片效果，非常具有实用价值，基本能满足你在网页上使用幻灯片(焦点图)效果，具体如下

幻灯片效果描述：用鼠标滑过右下角数字按钮幻灯片进行左右切换进行切换。

自定义切换参数效果：向下切换、切换时间为8秒、鼠标滑过按钮时切换

运行效果截图如下：

具体代码如下

head

titleJquery幻灯片焦点图插件/title

script

src="js/jquery-1.4a2.min.js"

type="text/javascript"/script

script

src="js/jquery.-1.2.1.min.js"

type="text/javascript"/script

script

type="text/javascript"

$(function(){

$("#KinSlideshow").KinSlideshow({

moveStyle:"down",

intervalTime:8,

mouseEvent:"mouseover",

titleFont:{TitleFont_size:14,TitleFont_color:"#FF0000"}

});

})

/script

style

type="text/css"

.code{

height:auto;

padding:20px;

border:1px

solid

#9EC9FE;

background:#ECF3FD;}

.code

pre{

font-family:"Courier

New";font-size:14px;}

.code

pre

code.note{

color:#999}

.code2{border:1px

solid

#FEB0B0;

background:#FFF1F1;

margin-top:10px;}

.code2

pre{

margin-left:20px;

font-size:12px;}

.info{

font-size:12px;

color:#666666;

font-family:Verdana;

margin:20px

50px

0;}

.info

p{

margin:0;

padding:0;

line-height:22px;

text-indent:40px;}

h2.title{

margin:0;

padding:0;

margin-top:50px;

font-size:18px;

font-family:"微软雅黑",Verdana;}

h2.title

span.titleInfo{

font-size:12px;

color:#333;

margin-left:10px;font-family:Verdana;}

h3.title{

font-size:16px;

font-family:"微软雅黑",Verdana;}

.importInfo{

font-family:Verdana;

font-size:14px;}

/style

/head

body

lih3a

href="demo2.html"自定义切换参数效果/a/h3/li

/ol

div

id="KinSlideshow"

style="visibility:hidden;"

a

target="_blank"img

src="images/11.png"

alt="Jquery幻灯片焦点图插件"

width="600"

height="300"

//a

a

target="_blank"img

src="images/23.png"

alt="Jquery幻灯片焦点图插件"

width="600"

height="300"

//a

a

target="_blank"img

src="images/22.png"

alt="Jquery幻灯片焦点图插件"

width="600"

height="300"

//a

a

target="_blank"img

src="images/5.jpg"

alt="Jquery幻灯片焦点图插件"

width="600"

height="300"

//a

a

target="_blank"img

src="images/4.jpg"

alt="Jquery幻灯片焦点图插件"

width="600"

height="300"

//a

/div

/body

/html

希望本文所述对大家的Jquery特效设计有所帮助。

用JAVA在界面中实现幻灯片播放，求代码

要让照片随机播放,需要把照片名改成比如photo1.jpg,photo2.jpg,photo3.jpg...的有序号顺序排列的文件名,

然后把改名后的照片文件放到你的项目名的目录下,比如你的项目名叫"slideshow",你就把照片文件放到slideshow文件夹下.

最后把下面的Java程序拷贝到你的项目中,把有DD类名的地方改成你的类名,就行了.

完整的让一些照片在JFrame窗体里自动随机播放的幻灯片程序如下

(我用的图片文件是photo1.jpg,photo2.jpg,photo3.jpg,注意事项在注释中注明

import java.awt.Graphics;

import javax.swing.ImageIcon;

import javax.swing.JFrame;

public class DD extends JFrame implements Runnable{

ImageIcon ii=new ImageIcon("photo1.jpg");//这里换成你的图片文件名,放在你的项目名的文件夹中

DD(){

super("Slide");

setSize(400, 400);

setLocationRelativeTo(null);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

public void paint(Graphics g){

super.paint(g);

g.drawImage(ii.getImage(),0,0,400,400,null);

}

@Override

public void run() {

while(true){

try {

Thread.sleep(500);//这里是幻灯片播放间隔的时间,这里为500毫秒=0.5秒

} catch (InterruptedException e) {

e.printStackTrace();

}

int i=(int)(Math.random()*3)+1;//这里是产生从1-3的随机数,如果你有6个图片文件,把3改成6就是从1-6的随机数了.

ii=new ImageIcon("photo"+i+".jpg");//这里调用你的图片文件,如果你有6个图片文件,改成从1-6的文件名方便调用

this.repaint();

}

}

public static void main(String[] args) {

DD d=new DD();

Thread t=new Thread(d);

t.start();

}

}

哪位好心人能否给我写个简单js的幻灯片代码，三个文件（HTML,CSS,JS）我是初学者，一张图片

body onLoad="setScrollPic()" leftmargin="0" topmargin="0"

script language="JavaScript1.2"

!--

//格式调用

transeffect = 0;

theeffects = new Array(24);

theeffects[0] = "盒状收缩";

theeffects[1] = "盒状向外";

theeffects[2] = "圆形收缩";

theeffects[3] = "圆形向内";

theeffects[4] = "从下向上";

theeffects[5] = "从上向下";

theeffects[6] = "从左向右";

theeffects[7] = "从右向左";

theeffects[8] = "百页窗形向右";

theeffects[9] = "百页窗形向下";

theeffects[10] = "棋盘形交叉向右";

theeffects[11] = "棋盘形交叉向下";

theeffects[12] = "随意溶解形";

theeffects[13] = "左右向内";

theeffects[14] = "左右向外";

theeffects[15] = "上下向内";

theeffects[16] = "上下向外";

theeffects[17] = "条纹状向左下";

theeffects[18] = "条纹状向左上";

theeffects[19] = "条纹状向右下";

theeffects[20] = "条纹状向右上";

theeffects[21] = "解水平状";

theeffects[22] = "溶解上下状";

theeffects[23] = "随着溶解";

//格式完成

//图片参数

var myImages = new Array(6);//加图片要修改这儿

for(i=0;imyImages.length;i++){

myImages[i] = new Image();

}

myImages[0].src = "images/ch02.jpg";

myImages[1].src = "images/ch03.jpg";

myImages[2].src = "images/ch04.jpg";

myImages[3].src = "images/ch05.jpg";

myImages[4].src = "images/ch06.jpg";

myImages[5].src = "images/ch07.jpg";

lastImageNum = 0 ;

function setScrollPic(){

if(lastImageNum=myImages.length) lastImageNum = 0 ;

document.all.ioriPic.filters.item(0).Apply();

document.all.ioriPic.filters.item(0).Transition = transeffect;

document.all.ioriPic.filters.item(0).Play(2.0);

document.all.ioriPic.src=myImages[lastImageNum].src

transeffect++;

if (transeffect == 24)

transeffect = 0;

lastImageNum++;

window.setTimeout("setScrollPic()",4000);

}

//图片完成

--

/script

img src="images/ch01.jpg" name="ioriPic" width="1024" height="768" style="FILTER: revealTrans(Duration=3.0,Transition=1)"

谁有ASP幻灯片的代码啊？

%

set rs = server.CreateObject ("adodb.recordset")

sqlha = "select top 5 * from pic_table order by id desc"

rs.open sqlha,conn,1,1

dim Url(4),idx(4),bti(4),shu

shu=0

Do While Not rs.EOF

pic(shu)=rs("url")

shu=shu+1

rsha.movenext

Loop

rsha.close

set rsha=nothing

pic_lj=pic(0)"|"pic(1)"|"pic(2)"|"pic(3)"|"pic(4)

%

SCRIPT type=text/javascript

var focus_width=319

var focus_height=234

var text_height=0

var swf_height = focus_height+text_height

var pics="%= pic_lj %"

document.write('object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="'+focus_width+'"height="'+swf_height+'"');

document.write('param name="allowScriptAccess" value="sameDomain"param name="movie" value="focus.swf"');

document.write('param name="quality" value="high"param name="bgcolor" value="#F0F0F0"param name="menu" value="false"');

document.write('param name="FlashVars" value="pics='+pics+'borderwidth='+focus_width+'borderheight='+focus_height+'"');

document.write('/object');

/SCRIPT

1、把以上代三保存为一个asp文件

2、建一数据库,有一个pic_table表,表中有一个url字段记录图片名称,至少有5条记录

3、去百度搜focus.swf，下载后放在与本文件同级目录下

4、运行此文件....OK 不明白？hi我

一个幻灯片的代码

以下代码调试通过，能够正取运行，至少在我的IE7下保证没有任何问题：

script language="JavaScript"

var imgshow=['PIC_0849.jpg','PIC_1833.jpg','PIC_2085.jpg','PIC_5922.jpg'];

document.write('pimg id=xxx src="'+imgshow[0]+'"/p');

for (i in imgshow) document.write('img src="'+imgshow[i]+'" width=100 onclick="xxx.src=\''+imgshow[i]+'\';"');

/script

补充：

你的ASP把图片存入了两个数组里面：

dim imgname(),imgurl()

现在把这数组imgurl()的内容转换为JAVASCRIPT的数组定义形式：

imgurl_str=join(imgurl,"','")

你知道现在imgurl_str的内容是什么吗，不明白的话，可以response.write看看，其内容是这样的：

a.gif','b.gif','c.gif

这样，现在就可以提交给JS了，方法是把我给你的JS语句中下面这句：

var imgshow=['PIC_0849.jpg','PIC_1833.jpg','PIC_2085.jpg','PIC_5922.jpg'];

修改为：

var imgshow=['%=imgurl_str%'];

网页上图片幻灯片代码

script type="text/javascript" // 幻灯片式的网页图片滚动函数（不需要做任何改动） function roll_pic_flash(roll_pic_ary) { var w = roll_pic_ary[3][0]; var h = roll_pic_ary[3][1]; var text_h = roll_pic_ary[3][2]; var bgcolor = roll_pic_ary[3][3]; var roll_swf = roll_pic_ary[3][4]; var swf_height = h + text_h; var pics = roll_pic_ary[0].join("|"); var links = roll_pic_ary[1].join("|"); var texts = roll_pic_ary[2].join("|"); return 'object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" " width="'+ w +'" height="'+ swf_height +'"param name="default_url" value=""param name="allowScriptAccess" value="sameDomain"param name="movie" value="' + roll_swf + '"param name="quality" value="high"param name="bgcolor" value="'+bgcolor+'"param name="menu" value="false"param name="improved_by" value=""param name=wmode value="opaque"param name="FlashVars" value="pics='+pics+'links='+links+'texts='+texts+'borderwidth='+w+'borderheight='+h+'textheight='+text_h+'"embed src="' + roll_swf + '" wmode="opaque" FlashVars="pics='+pics+'links='+links+'texts='+texts+'borderwidth='+w+'borderheight='+h+'textheight='+text_h+'" menu="false" bgcolor="'+bgcolor+'" quality="high" width="'+ w +'" height="'+ h +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage=" " //object'; } // 开始设置幻灯片参数 var roll_pic_width = 478; // 图片宽度 var roll_pic_height = 180; // 图片高度 var roll_text_height = 0; // 文字高度 var roll_bgcolor = '#ffffff'; // 幻灯片背景色 var roll_flash = ' '; // 幻灯片flash地址，请将此flash下载保存到你的服务器，以免失效 // 幻灯片数组roll_pic_ary初始化（不用做任何改动） var roll_pic_ary = new Array(Array(0),Array(0),Array(0), Array(roll_pic_width,roll_pic_height,roll_text_height,roll_bgcolor,roll_flash)); // 增加一个图片，连接，文字说明 roll_pic_ary[0].push(" " ); roll_pic_ary[1].push(escape("#")); roll_pic_ary[2].push("#"); // 增加一个图片，连接，文字说明 roll_pic_ary[0].push(" " ); roll_pic_ary[1].push(escape("#")); roll_pic_ary[2].push("#"); // 增加一个图片，连接，文字说明 roll_pic_ary[0].push(" " ); roll_pic_ary[1].push(escape("#")); roll_pic_ary[2].push("#"); // 增加一个图片，连接，文字说明 roll_pic_ary[0].push(" " ); roll_pic_ary[1].push(escape("#")); roll_pic_ary[2].push("#"); roll_pic_ary[0].push(" " ); roll_pic_ary[1].push(escape("#")); roll_pic_ary[2].push("#"); // 显示幻灯片式的网页图片滚动 document.write(roll_pic_flash(roll_pic_ary)); /script

关于简单的幻灯片代码和为幻灯片添加幻灯片编号从0开始的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。