E书首页 - 下载 - 范文 - IT - 秘书 - 专家 - 创业 - 健康 - 百科 - 电影 - 娱乐 - 写真 - 英语 - 技术 - BBS - BLOG
IT资讯 | 业 界 | 互 联 网 | 通 信 | 人 物 | 数 码 | 软 件 | 硬 件 | 游 戏 | 技术百科 | 搜索引擎 | 操作系统
网络编程 | 网页设计 | 图形图像 | 网络媒体 | 网络安全 | 防 火 墙 | 站长必修 | 建站相关 | 数 据 库 | 服 务 器
游客登录 安全防范 NET专区 PHOTOSHOP专题 设为首页 加入收藏
您现在的位置： 中华E书网 >> IT学院 >> 站长必修 >> 建站相关 >> 正文
▎[组图]图片轮显代码大全(JS幻灯片)
图片轮显代码大全(JS幻灯片)
作者：佚名   文章来源：ebook-cn.com   更新时间：2006-3-1 23:07:46
t;img>中加入代码：<img src="1.jpg" name='SlideShow'>

　　至此，我们的效果便制作好了，你不仿试试！
点 击 预 览 效 果 页 面......

　　制作方法：
　　1. 在<head>中插入代码：
<script language='javascript'>
isns = navigator.appName == "Netscape";
//定义播放图片张数
img1=new Image()
img2=new Image()
img3=new Image()
img4=new Image()
img5=new Image()
//图片路径、文件名
img1.src='images/circul-side.gif'
img2.src='images/css-manual.gif'
img3.src='images/kpt7.jpg'
img4.src='images/msn.jpg'
img5.src='images/ps-}
else
document.pic.visibility='visible'
tt=setTimeout('change_img()',4000)
}
</script>
　　可以在代码中按照中文介绍，修改相关信息。
　　2. 在<body>中加载：<body onload="change_img();">
　　3. 插入第一张图片，并命名：id="pic"
　　插入代码：style='visibility:hidden;filter:revealtrans(duration=2.0,transition=12)'
　　参考图片代码：
　　<img src="images/circul-side.gif" name="pic" width="120" height="90" id="pic" style='visibility:hidden;filter:revealtrans(duration=2.0,transition=12)'>

　　制作完成。

观看效果

使用CSS中的revealTrans滤镜制作超弦图片的播放
CSS中有revealTrans滤镜（具体介绍请参看巧用CSS的 RevealTrans

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页

  • 上一篇文章：

  • 下一篇文章：

    • 相关文章
    广告图片轮换
    搜弧IT频道的幻灯片切换的特效源代码
    很Cool的图片轮显效果
    图片无缝轮显代码
    弹窗代码-24小时每个IP弹1次
    1IP只弹出一次的退弹代码
    IIS连接数和在线人数的详细说明！！
    FlashFXP英文版教程
    如何备案和办理ICP许可证？
    FlashFXP中文版教程
    虚拟主机 | 数据恢复 | 操作系统
    网络游戏 | 液晶电视 | 数码相机
    电子商务 | 思科认证 | 系统集成
    防 火 墙 | 服 务 器 | 路 由 器
    ▎编辑推荐
    ▎最新热门
    ▎合作链接
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | |
    建议使用IE5.5以上版本浏览－感谢263数据中心 提供技术支持
    中华E书网 版权所有 本站通用网址：中华E书网
    沪ICP备05001118号