查看: 2203|回复: 7

[教程] HTML+TIME学习笔记(八)

[复制链接]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 11:13 | 显示全部楼层 |阅读模式

第八课

不知道大家使用过DW没有?我发现目前做音画还是有很多人在用FP,本人在这方面是外行,只是听朋友说DW专业些,如果和FW,FLASH结合,效果会更加好。用过DW的应该用过常用工具栏上的那个鼠标经过图像控件吧?特别是在做导航条的时候,感觉效果好而且简单,不过那是用JS编写的,如果叫你自己编代码,我想应该没几个非专业编程人员能编得出吧?现在我用HTML+TIME编写代码来实现这个效果。

首先看看看效果吧

点击看效果

再看代码,如下:

<A href="#">fficeffice" />

<IMG id="t1" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/ffice:smarttags" />05a.jpg" class="time" begin="0;t2.mouseout" end="t1.mouseover"

timeaction="display" width="500" height="398" border="1" bordercolor="ff0000"><IMG id="t2" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/06a.jpg" class="time" begin="t1.mouseover" end="t2.mouseout"

timeaction="display" width="500" height="398" border="0">

</A>

这里主要用到了2个事件,mouseoutmouseover,表示鼠标移开以及鼠标移上去,代码意思就是一开始显示飞马图片,当鼠标移上去时候它就消失接着天女图片显示,反之亦然。

当然时间对应于鼠标有,对应于其他什么单击事情也有,以及加载什么,都可以产生各种效果,就看大家如何去应用了哦 ^_^,其实,这里也可以直接加载连接啊,比如点击图片产生连接。这里只需把#号换成一个连接地址就可以产生效果了,不信你试试!

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 11:20 | 显示全部楼层
学习了,这些还没接触过

签到天数: 244 天

[LV.8]以坛为家I

鲜花(3) 鸡蛋(0)
发表于 2008-8-8 11:23 | 显示全部楼层
来收藏啦

签到天数: 9 天

[LV.3]偶尔看看II

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 18:08 | 显示全部楼层
这个效果我喜欢!!!!!!!!!!!

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 20:44 | 显示全部楼层
这个效果收藏了,以后能用到,谢谢。

签到天数: 9 天

[LV.3]偶尔看看II

鲜花(0) 鸡蛋(0)
发表于 2008-8-8 22:54 | 显示全部楼层
虽然偶不懂,进来支持下

签到天数: 425 天

[LV.9]以坛为家II

鲜花(0) 鸡蛋(0)
发表于 2008-8-15 16:35 | 显示全部楼层
不是太懂继续跟踪学习。

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2008-10-15 22:55 | 显示全部楼层
学习学习
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

网站地图|小黑屋|Archiver|中画网 ( 蜀ICP备11021737号-2 )|网站地图

GMT+8, 2024-11-15 09:10 , Processed in 0.061154 second(s), 23 queries , MemCached On.

上网要文明 发言要理性

Powered by Discuz! © 2008-2023 YinHuaBBS.CN

快速回复 返回顶部 返回列表