发布您的源码作品！会员登录/控制面版

上下!

作者：佚名来源：不详发布时间：2006-10-29 0:40:51 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<style>
<--

.mouseBeOffMe {
border-top:    10px  solid #000000; 
border-bottom: 10px  solid #000000; 
border-left:   6px   solid #000000; 
border-right:  10px  solid #000000; 
}

.mouseBeOnMe {
border-top:    6px   solid #000000;
border-bottom: 14px  solid #000000; 
border-left:   10px  solid #000000; 
border-right:  6px   solid #000000;
}

.mouseBeDown {
border-top:    13px  solid #000000;
border-bottom: 7px   solid #000000; 
border-left:   10px  solid #000000; 
border-right:  6px   solid #000000;
}

.mouseBeUp {
border-top:    10px  solid #000000;
border-bottom: 10px  solid #000000; 
border-left:   10px  solid #000000; 
border-right:  6px   solid #000000;
}

//-->
</style>

第二步：把如下代码加入到<body>区域中

<img src=   = "../ts/pic/cgl/haire.gif"
width       = "90"
height      = "90"
border      = "0"
class       = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup   = "this.className='mouseBeUp'"
onmouseout  = "this.className='mouseBeOffMe'" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
<img src=   = "../ts/pic/cgl/haire.gif"
width       = "90"
height      = "90"
border      = "0"
class       = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup   = "this.className='mouseBeUp'"
onmouseout  = "this.className='mouseBeOffMe'" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
<img src=   = "../ts/pic/cgl/haire.gif"
width       = "90"
height      = "90"
border      = "0"
class       = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup   = "this.className='mouseBeUp'"
onmouseout  = "this.className='mouseBeOffMe'" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：图片组和

下一篇代码：图形循环渐显脚本

精品推荐

阅读排行

· 自己动手输入网页背景颜色代码
· 随机数字生成器
· 礼花背景(一个非常经典的网页背景）
· 鼠标经过文字变色
· 倒计时代码生成器
· [图文] 代码实现生成弹出窗口的特效
· [图文] 星星满天闪烁的背景
· 颜色英文代码全集
· 速度练习　测试你打字的速度
· 爱情游戏测试

相关代码

· 总是提示编译器错误信息: CS0103: 当前上下文中不..
· [图文] 在线急等~~问一个关于图片滚动的问题~ 既能..
· 如何实现键盘的上下键移动小球
· 为啥vs2005 运行网上下的用ｃ＃编的老说配置错误
· [图文] 鼠标放到相应在图片上就可以实现页面的上下..
· [图文] 上下弹动的导航条
· 在网页中添加上上下滚动的文字（当然也可以是链接..
· [图文] 一个很ＣＯＯＬ的东东!!(用鼠标左右上下键来..
· 自动上下滚屏