当前位置 : 主页 > 网页制作 > Dojo >

DOjo的一个幻灯片播放例子

来源:互联网 收集:自由互联 发布时间:2021-06-15
dojo的确是个不错的ajax框架,下面是一个dojo下的播放幻灯片效果图片的例子。 首先建立一个目录叫slidetest,然后再建立一个放图片的目录images, 然后把下载回来的dojo包解压缩,将其中的
dojo的确是个不错的ajax框架,下面是一个dojo下的播放幻灯片效果图片的例子。 首先建立一个目录叫slidetest,然后再建立一个放图片的目录images, 然后把下载回来的dojo包解压缩,将其中的src,demos目录以及dojo.js放到 slidetest目录下 然后建立test.htm文件,代码如下 <html>  <head>   <title>Slideshow Widget Demo</title>      <script type="text/javascript"> var djConfig = {isDebug: true}; </script>   <script type="text/javascript" src="dojo.js"></script>   <script language="JavaScript" type="text/javascript">    dojo.require("dojo.widget.*");    dojo.require("dojo.widget.SlideShow");   </script>      <style>   html, body {    height: 100%; width: 100%;    overflow: hidden;   }   </style>  </head>  <body>   <img dojoType="SlideShow"    imgUrls="images/1.jpg;images/2.jpg;images/3.jpg;images/4.jpg;images/5.jpg;images/6.jpg"    transitionInterval="700"    delay="4000"    src="images/1.jpg"    imgWidth="400" imgHeight="300" />  </body> </html> 其中用到了dojo的widget工具包的slideshow类库,这个例子是静态的, 可以用动态的方法把数据库的图片读出来就可以了
网友评论