it技术指南:www.itedus.com
  • 信息订阅

IT指南

  • TNT五分钟问卷赢IPOD
  • 贝塔斯曼
  • 广告联盟
  • No pay, More gain!
  • 单价15元-网络广告平台
  • 注册阿里妈妈赚广告费
  • 首页
  • 新闻资讯
  • 网页制作
  • 软件使用
  • 操作系统
  • 软件编程
  • 网络编程
  • 图象处理
  • 网站欣赏
  • 数据库
  • 认证考试
  • 站长知识
正在浏览栏目导航:首页 > 网页制作 > DHTML >

DHTML幻灯片播放程序(一)

时间:2007-11-16 14:26:25   来源:itedus.com  作者:it爱好者

这是一个幻灯片播放程序,也就是一图片轮流播放的程序。我们在一些站点上可以看见这种形式的广告播放条,大多是用CGI做的,也就是要服务器端支持CGI程序,如ASP、PHP、Perl等。但我们这里的实现方法无需CGI,用的仅是CSS的效果,再加上JavaScripts的控制。只要你的浏览器是IE 4.0以上或是Netscape 3.0以上的就可以了。只不过在这里我们用到了CSS的Filter滤镜效果,该效果只能在IE中出现。有关CSS的Filter滤镜效果,大家可以参看我的《CSS中Filter滤镜详解》,该文章在Yesky.com上已经发表。
好了,让我们来做点准备工作吧。

  首先,为了制作这个效果,我们首先要打几个尺寸一样大小的图片,让其轮流播放。比如,我找了下面三个88x31的图片做为所用的的图片。


  其次,让我们再来复习一下CSS中Filter的图片转换滤镜的知识:

CSS中的显示转换滤镜

  显示转换滤镜提供的是一种更为多变的转换效果,它不像混合转换滤镜,只提供一种淡入淡出的效果,它还提供了更多的图片转换效果,它的语法是:

Filter : RevealTrans ( duration = 转换的秒数,transition=转换类型 )

  大家可以看见,它有一个转换类型的参数,这里,它提供了24种转换类型,我们只需指定转换类型的代号,就可以让图片按特有的转换效果进行转换。下表就是24种转换滤镜的形式及其对应的代号:

显示转换滤镜的转换形式所对应的代号显示转换滤镜的转换形式所对应的代号
矩形从大至小0随机溶解 12
矩形从小至大1垂直向内裂开13
圆形从大至小2垂直向外裂开14
圆形从小至大3水平向内裂开15
向上推开4水平向外裂开16
向下推开5向左下剥开17
向右推开6向左上剥开18
向左推开7向右下剥开19
垂直形百叶窗8向右上剥开20
水平形百叶窗9随机水平细纹21
水平棋盘10随机垂直细纹22
垂直棋盘11随机选取一种特效23

关键字:
关闭此页
上一篇:DHTML幻灯片播放程序(二)
下一篇:动态链接、鼠标击活链接

相关文章

    无相关信息
本栏目推荐
  • 什么是DHTML(动态H
  • DHTML脚本技术应用A
  • 用DHTML编制网页教程

排行榜

  • 1Web页面内容中动态改变的dhtml操作
  • 2认识DHTML中的“行为”组件
  • 3DHTML:主页中为Web Robot设计路标
  • 4动态Web页面的制作技巧
  • 5什么是DHTML(动态HTML)
  • 6用DHTML编制网页教程
  • 7推荐:实现如何加快 DHTML 的技巧
  • 8DHTML如何去实现网页渐入特殊效果

最新信息

  • DHTML:主页中为Web Robot设计路标
  • 什么是DHTML(动态HTML)
  • 动态Web页面的制作技巧
  • 认识DHTML中的“行为”组件
  • Web页面内容中动态改变的dhtml操作
  • DHTML的初步入门
  • DHTML Scriptlet
  • HTML中:会移动的文字(Marquee标签)
关于站点 - 广告服务 - 联系我们 - 返回顶部
Copyright © 2007 www.itedus.com . All rights reserved.QQ群:8814225
如果碰到相关技术问题可以联系我们,原创相关问题请与站长及时联系.鄂ICP备07005792号