html静态网页中怎么制作一个图片滚动的代码，
日期：2014-05-17 浏览次数：21146 次
html静态网页中如何制作一个图片滚动的代码，急！
我想在静态的html页面中实现官网上有4张图片右下角有小标签，放上去自动切图的形式；且过个5秒自动换图的。用Dreamweaver做，不知可行否？？？不带后台的.cs代码，纯网页制作。
我在别的网站源代码里截取的代码；代码如下：
<script type="text/javascript">
var files="../Zouecp/PicFiles/2012.11.16_11.27.27_3337.jpg|../Zouecp/PicFiles/2012.11.13_19.29.44_8317.jpg|../Zouecp/PicFiles/2012.11.13_21.38.25_1909.jpg|../Zouecp/PicFiles/2012.11.13_22.2.15_2123.jpg";//链接不是类似E:\web\web\tongrun\image的么，怎么/会向左边啊？
var links="#|#|#|#";
var texts="#|#|#|#";
var TitleBgColor="0xFFFFFF" //TitleBgColor 图片名称文字背景颜色 0xFF6600
var TitleBgAlpha="100" //TitleBgAlpha 图片名称文字背景颜色透明度：0-100值，0表示全部透明 60
var TitleBgPosition="1000" //TitleBgPosition 图片名称文字位置，0表示文字在顶端，1表示文字在底部，2表示文字在顶端浮动 100
var BtnDefaultColor="0xFF6600" //BtnDefaultColor 按键默认的颜色 0xFF6600
var BtnOverColor="0x000033" //BtnOverColor 按键当前的颜色 0x000033
var AutoPlayTime="4" //AutoPlayTime 自动播放时间：单位是秒 3
var Tween="3" //Tween 图片过渡效果：0，表示亮度过渡，1表示透明度过渡，2表示模糊过渡，3表示运动模糊过渡 2
var IsShowBtn="1" //IsShowBtn 是否显示按钮：1表示显示按键，0表示隐藏按键，更适合做广告挑轮换 1
var WinOpen="_blank" //WinOpen 打开窗口：_blank表示新窗口打开。_self表示在当前窗口打开 _blank
var FlashVarst= "bcastr_file="+files+"&bcastr_title="+texts+"&TitleBgColor="+TitleBgColor+"&TitleBgAlpha="+TitleBgAlpha+"&TitleBgPosition="+TitleBgPosition+"&BtnDefaultColor="+BtnDefaultColor+"&BtnOverColor="+BtnOverColor+"&AutoPlayTime="+AutoPlayTime+"&Tween="+Tween+"&IsShowBtn="+IsShowBtn+"&WinOpen="+WinOpen
var FocusFlash = new focusFlash("images/flashpic.swf","focusflash","100%","233","7","#ffffff",false,"High");
FocusFlash.addParam("allowScriptAccess", "sameDomain");
FocusFlash.addParam("menu", "false");
FocusFlash.addParam("wmode", "opaque");
FocusFlash.addParam("FlashVars", FlashVarst );
FocusFlash.write("focusViwer");
</script>
如果可行的话代码能改得简单点不？只2张图片来回滚就好，求做个示范啊！！！！
------解决方案--------------------
focus.swf
还要以用jquery
------解决方案--------------------
懒人图库里不是有详细案便吗?都可以直接下载的
------解决方案--------------------
我想在静态的html页面中实现官网上有4张图片右下角有小标签，放上去自动切图的形式；且过个5秒自动换图的。用Dreamweaver做，不知可行否？？？不带后台的.cs代码，纯网页制作。
我在别的网站源代码里截取的代码；代码如下：
<script type="text/javascript">
var files="../Zouecp/PicFiles/2012.11.16_11.27.27_3337.jpg|../Zouecp/PicFiles/2012.11.13_19.29.44_8317.jpg|../Zouecp/PicFiles/2012.11.13_21.38.25_1909.jpg|../Zouecp/PicFiles/2012.11.13_22.2.15_2123.jpg";//链接不是类似E:\web\web\tongrun\image的么，怎么/会向左边啊？
var links="#|#|#|#";
var texts="#|#|#|#";
var TitleBgColor="0xFFFFFF" //TitleBgColor 图片名称文字背景颜色 0xFF6600
var TitleBgAlpha="100" //TitleBgAlpha 图片名称文字背景颜色透明度：0-100值，0表示全部透明 60
var TitleBgPosition="1000" //TitleBgPosition 图片名称文字位置，0表示文字在顶端，1表示文字在底部，2表示文字在顶端浮动 100
var BtnDefaultColor="0xFF6600" //BtnDefaultColor 按键默认的颜色 0xFF6600
var BtnOverColor="0x000033" //BtnOverColor 按键当前的颜色 0x000033
var AutoPlayTime="4" //AutoPlayTime 自动播放时间：单位是秒 3
var Tween="3" //Tween 图片过渡效果：0，表示亮度过渡，1表示透明度过渡，2表示模糊过渡，3表示运动模糊过渡 2
var IsShowBtn="1" //IsShowBtn 是否显示按钮：1表示显示按键，0表示隐藏按键，更适合做广告挑轮换 1
var WinOpen="_blank" //WinOpen 打开窗口：_blank表示新窗口打开。_self表示在当前窗口打开 _blank
var FlashVarst= "bcastr_file="+files+"&bcastr_title="+texts+"&TitleBgColor="+TitleBgColor+"&TitleBgAlpha="+TitleBgAlpha+"&TitleBgPosition="+TitleBgPosition+"&BtnDefaultColor="+BtnDefaultColor+"&BtnOverColor="+BtnOverColor+"&AutoPlayTime="+AutoPlayTime+"&Tween="+Tween+"&IsShowBtn="+IsShowBtn+"&WinOpen="+WinOpen
var FocusFlash = new focusFlash("images/flashpic.swf","focusflash","100%","233","7","#ffffff",false,"High");
FocusFlash.addParam("allowScriptAccess", "sameDomain");
FocusFlash.addParam("menu", "false");
FocusFlash.addParam("wmode", "opaque");
FocusFlash.addParam("FlashVars", FlashVarst );
FocusFlash.write("focusViwer");
</script>
如果可行的话代码能改得简单点不？只2张图片来回滚就好，求做个示范啊！！！！
------解决方案--------------------
focus.swf
还要以用jquery
------解决方案--------------------
懒人图库里不是有详细案便吗?都可以直接下载的
------解决方案--------------------
<!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/html; charset=gb2312" />
<title>图片轮换</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:421px;
height:275px;
z-index:1;
}
#Layer2 {
position:absolute;
width:21px;
height:18px;
z-index:1;
left: 154px;
top: 18px;
visibility: visible;
}
#Layer3 {
position:absolute;
width:21;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
