图片幻灯片显示效果代码
来源:互联网 发布:cms内容管理系统 简书 编辑:程序博客网 时间:2024/05/04 15:36
<style type="text/css">
<!--
select { font-family: "tahoma"; font-size: 10px; color: #666666}
input { font-family: "tahoma"; font-size: 10px; color: #000000; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 1000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white" width=200 height=200> <img src="图片地址1" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="图片地址1" selected>1
<option value="2.jpg">2
<option value="3.jpg">3
<option value="4.jpg">4
<option value="5.jpg">5
<option value="6.jpg">6
<option value="7.jpg">7
<option value="8.jpg">8
<option value="9.jpg">9
<option value="10.jpg">10
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="开始" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</body>
记得把“图片地址1”弄成同一个地址。。。。。
- 图片幻灯片显示效果代码
- 一个不错的,JavaScript代码,显示首页图片幻灯片效果
- JavaScript图片幻灯片显示效果
- 图片在网页中的幻灯片显示代码
- 随机幻灯片图片效果
- 图片幻灯片效果
- JS实现图片幻灯片效果
- JS实现图片幻灯片效果
- JS实现图片幻灯片效果
- Flex 图片 幻灯片效果初探
- js图片切换 幻灯片效果
- JQUERY 图片幻灯片效果插件
- jquery 幻灯片 图片切换效果
- Jquery图片自动幻灯片效果
- 网页中幻灯片效果代码
- VBscript超强幻灯片效果代码
- 图片如幻灯片一样显示
- 幻灯片效果和图片滚动效果
- 一段php分页代码,
- 无奈啊
- meta标签
- Flash动作命令全集
- Flash动画下载全功略(不用工具)
- 图片幻灯片显示效果代码
- 一款手动幻灯图片效果
- 一个不错的幻灯片效果
- 一款特别的图片flash效果
- 管好企业中的中流砥柱---员工
- 多个图片显示的炫酷效果代码
- 點擊文字變換的圖片
- 随鼠标而东的表
- 网站如何插入背景音乐代码