文章分类
html+time第八节
<!DOCTYPE HTML PUBLIC “-//W
<HTML XMLNS:t=”urn:schemas-microsoft-com:time”>
<HEAD>
<META http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<META http-equiv=”Content-Style-Type” content=”text/css”>
<TITLE>大家一起来学习html＋time</TITLE>
<STYLE type=”text/css”>
<!–
.time{ behavior:url(#default#time2); }
–>
</STYLE>
<?IMPORT namespace=”t” implementation=”#default#time2″>
</HEAD>
<BODY>
<BODY>
<A href=”#” mce_href=”#”>
<IMG id=”i1″ src=http://www.html-time.cn/yanshi/xing1.gif class=”time” begin=”0;i2.mouseout” end=”i1.mouseover” timeaction=”display” width=”57″ height=”57″ border=”1″ bordercolor=”ff0000″>
<IMG id=”i2″ src=http://www.html-time.cn/yanshi/xing1.gif class=”time” begin=”i1.mouseover” end=”i2.mouseout” timeaction=”display” width=”57″ height=”57″ border=”0″>
</A>
演示：点击进入
用过DW的应该用过常用工具栏上的那个鼠标经过图像控件吧?我记得我一开始学的时候经常用这个,特别是在做导航条的时候,感觉效果好而且简单,不过那是用JS编写的,如果叫你自己编代码,我想应该没几个非专业编程人员能编的出吧?这样我就用HTML+TIME编写代码来实现这个效果
这里主要用到了2个事件,mouseout和mouseover,表示鼠标移开以及鼠标移上去,代码意思就是一开始显示LOGO.GIF,当鼠标移上去时候它就消失接着LOGO1.GIF显示,反之亦然.
当然时间对应于鼠标有,对应于其他什么单击事情也有,以及加载什么,都可以产生各种效果,就看大家如何去应用了哦 ^_^
