`

Slidowshow 滚动条

    博客分类:
  • CSS
阅读更多
<html>
<head>
<title>SlideShow</title>
<script language="JavaScript1.1">
<!--
var yourImages = new Array("http://blog.donews.com/images/blog_donews_com/dodo/79382/o_5540320040330075952.jpg","http://www.iqoo.com/tupian/%D0%C7%D7%F9%B1%DA%D6%BD/iqoo_1113__aries.jpg","http://blog.donews.com/images/blog_donews_com/dodo/79382/o_5540320040330081327.jpg","http://blog.donews.com/images/blog_donews_com/dodo/79382/o_5540320040330081426.jpg")

var currCount=0
var stop=false

function getimg(n){
preImages= new Image()
preImages.src = yourImages[n]
}


function autoPlay(){
if(currCount!=yourImages.length){
document.getElementById("img").style.display="none"
getimg(currCount)
document.getElementById("loadingbar").style.display="block"
setTimeout("loadingImg()",1000)
}
else{
currCount=0;
if (confirm("播放完毕,是否重新播放?")){
return autoPlay()
}
}
}

function loadingImg(){

if (preImages.complete) {
  document.getElementById("img").src="http://blog.donews.com/images/blog_donews_com/dodo/49134/o_pix.gif"
  document.getElementById("loadingbar").style.display="none"
 
  document.getElementById("img").style.display="block"
 
  document.getElementById("img").src=yourImages[currCount]
  currCount=currCount+1
  }
setTimeout("autoPlay()",4000)
}

//-->
</script>

</head>

<body bgcolor="#FFFFFF">
<div style="width:700px">
<center>
<a href="javascript:autoPlay()">自动播放</a><br><br>
<div id="loadingbar"  style="display:none;"><img src=http://blog.donews.com/images/blog_donews_com/dodo/49134/o_loading.gif></div>
<img id="img" src=http://blog.donews.com/images/blog_donews_com/dodo/49134/o_pix.gif >

<center>
</div>

</body>
</html>
分享到:
评论

相关推荐

    visual c++自定义滚动条外观 制作五颜六色的滚动条(水平滚动条,垂直滚动条).zip

    在Visual C++编程环境中,创建五颜六色的滚动条是一项独特且有趣的技术挑战。滚动条作为用户界面的重要组成部分,通常具有系统默认的样式和颜色。然而,通过自定义控件和绘图技术,我们可以改变其外观,实现个性化的...

    Qt悬浮滚动条-滚动条样式

    在“Qt悬浮滚动条-滚动条样式”这个主题中,我们主要探讨如何创建一个不占用控件实际宽高的滚动条,同时增强其视觉效果和交互体验。 首先,让我们了解滚动条的基本概念。Qt中的QScrollBar类提供了水平和垂直滚动条...

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    在网页设计中,当页面内容超出了可视区域的宽度时,浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而,滚动条本身会占用一定的空间,这可能会导致页面宽度缩小,从而影响布局的整体美观性。为了不...

    css美化滚动条

    在网页设计中,滚动条是不可或缺的一部分,尤其是在内容丰富的页面上。系统默认的滚动条样式通常比较单调,可能与整体设计风格不协调。因此,利用CSS(层叠样式表)来美化滚动条,使之与网站的视觉效果统一,是提升...

    vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

    在前端开发中,有时我们需要对浏览器的默认滚动条进行自定义,以提升用户体验或符合页面设计风格。Vue.js,作为一款流行的JavaScript框架,提供了多种方式来实现这一需求。本篇文章将详细探讨如何在Vue项目中自定义...

    webbrowser滚动条隐藏

    在网页设计和开发中,有时候为了提升页面的美观度或者特定设计需求,我们需要对Web浏览器的滚动条进行隐藏。这个主题“webbrowser滚动条隐藏”主要涉及到CSS样式控制和技术实现,我们将深入探讨如何通过CSS来隐藏...

    易语言窗口滚动条

    首先,窗口滚动条分为水平滚动条(Horizontal Scroll Bar)和垂直滚动条(Vertical Scroll Bar),它们通常出现在文本编辑器、表格或其他需要显示大量数据的窗口中。在易语言中,创建和管理这些滚动条主要通过系统...

    四种漂亮的滚动条样式

    在网页设计中,滚动条是不可或缺的元素,尤其是在内容超过容器显示范围时。然而,浏览器默认的滚动条样式通常较为简单,与现代网页设计追求的美观和个性化需求有所出入。CSS(层叠样式表)提供了一种方法,允许...

    winform 滚动条示例

    在Windows Forms(Winform)开发中,滚动条是常见的用户界面元素,用于浏览或导航大量内容。本示例将深入探讨如何在C# Winform应用中实现和使用滚动条,以便用户可以更轻松地控制视图。滚动条分为水平滚动条...

    winform自定义滚动条

    "winform自定义滚动条"就是一个这样的例子,它涉及到对系统默认滚动条的扩展和定制,以提供更个性化的用户体验。这里我们将深入探讨如何在C#中创建自定义的滚动条控件,并结合提供的标签和压缩包文件内容进行解析。 ...

    VB 给窗体添加滚动条

    在VB(Visual Basic)编程环境中,为窗体添加滚动条是一项常见的需求,这可以使得大量数据或内容在有限的屏幕空间内得以展示。本篇将详细介绍如何在VB中实现这一功能,以及滚动条的使用和自定义。 首先,我们要了解...

    华丽滚动条滚动条Jquery

    "华丽滚动条滚动条Jquery"就是一个专注于提升滚动条视觉效果和交互体验的解决方案。这个标题表明我们将讨论如何利用Jquery这一强大的JavaScript库来创建炫丽的滚动条效果。 Jquery是一款广泛使用的JavaScript库,它...

    自绘滚动条 自绘滚动条 自绘滚动条

    在Windows编程中,自绘滚动条(Custom Drawn Scrollbar)是一种高级技术,允许程序员根据自己的需求定制滚动条的外观和行为。自绘滚动条可以让应用程序具有独特的视觉风格,增加用户体验,尤其在设计复杂的用户界面...

    易语言滚动条位置判断

    易语言滚动条位置判断是编程领域中涉及到用户界面交互的一个重要功能。滚动条通常用于查看超过屏幕大小的内容,而判断滚动条的位置则是为了更好地控制和响应用户的操作。在这个主题中,我们将深入探讨如何在易语言中...

    MFC 自绘滚动条 scroll

    网上很多自绘滚动条 但要么是只支持编辑框滚动条的 树形控件的垂直滚动条要特殊处理 因为THUNM POSION消息不响应(貌似是这么个消息 具体名字忘了) 要么是接口功能不够完善 附件中含清晰的demo实例 滚动条类中思路...

    MFC设置滚动条C++代码

    MFC对话框实现垂直和水平滚动条,欲知道如何实现,请下载! //在OnInitDialog里添加如下代码为对话框创建一个垂直滚动条和水平滚动条 //获取窗口的大小 CRect rc; GetClientRect(&rc); const SIZE sz = { rc....

    C# 滚动条 (滚动Lable)

    在C#编程中,滚动条(ScrollBar)控件是一个常用元素,它允许用户通过滚动查看或操作大量数据。滚动条可以水平或垂直显示,并且通常与列表、文本框或其他显示大量信息的控件一起使用。在本例中,我们将探讨如何创建...

    易语言高级表格隐藏滚动条

    例如,你可能会在程序的初始化阶段调用`ShowScrollBar`函数,传入表格控件的句柄和滚动条类型SB_HORZ(水平滚动条)或SB_VERT(垂直滚动条),以及状态BS_HIDE(隐藏)来隐藏滚动条。然后,可能还需要在消息处理函数...

    div滚动条 带滚动条的div div滚动条样式

    DIV 滚动条样式详解 在 HTML 中,我们经常需要在 DIV 元素中添加滚动条,以便在内容超出 DIV 区域时,能够滚动查看内容。这篇文章将详细介绍如何使用 CSS 样式表来实现 DIV 滚动条的样式设置。 什么是 DIV 滚动条...

Global site tag (gtag.js) - Google Analytics