通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
合作网站
栏目制作月光软件
最近更新:
类别:网站制作

鼠标感应自动放大缩小的图片链接

实例:


  

 
教程: 第一步,将下面的代码加入<head></head>之间
<script language="JavaScript1.2">

function expand() {
if (smallslot.width<=102) {
x=window.setTimeout('expand()', 10)
smallslot.width=smallslot.width + 5
smallslot.height=smallslot.height + 5
}
else {
setTimeout('reduce()', 0)
}
}

function reduce() {
if (smallslot.width>80) {
x=window.setTimeout('reduce()', 10)
smallslot.width=smallslot.width - 5
smallslot.height=smallslot.height - 5
}
}
</script>


第二步:将下面的原代码加入<body></body>之间

<div id="slot1" onmouseover="expand()" style="HEIGHT: 102px; WIDTH: 80px"><a href="http://netschool.myweb.com.cn/" target="_top">
<dd><img border="0" hspace="0" id="smallslot" src="ajie.gif" style="LEFT: 296px; POSITION: absolute; TOP: 104px; VISIBILITY: visible; z: 2" WIDTH="80" HEIGHT="102"></a> </dd>
</div>

 

说明: 其中的红色部分改为你自己的图片的名称以及长和宽。

   
相关教程
Window.open() 全攻略
HTML文件HEAD内部标记浅析
让网页更容易阅读的方法
状态栏上的动态HTML技术
带链接的滚动文字条
鼠标感应自动放大缩小的图片链接
测试访客的浏览器和操作系统
下拉选择按钮菜单