仿MSN空间上Vista风格搜索按钮的实现代码 | 这一客

本文 10202 pv

1

仿MSN空间上Vista风格搜索按钮的实现代码

© kekehu / 技术资源 / 2008.10.24 / 09:00 / 10202PV

鼠标移上去之后就会加框换图, 刹是漂亮. 不才把其代码Hack 研究之后也作出了类似的效果, 现与各位共分享. 不过很遗憾, 似乎我做的这个在IE上显示有个很细的缝隙, 呵呵. 测试过的浏览器: IE6, FireFox3,IE7.

<style type="text/css">

</style>

<TABLE cellSpacing=0 cellPadding=0><TBODY>
<TR>
<TD>

<DIV width=200 class=efpHl onMouseOver="this.className='div_hover';"
 onMouseOut="this.className='efpHl';" >
 <SPAN><INPUT class=q id=q tabIndex=1 name=q><INPUT
  class=go id=go type=image 
 src="http://www.geekso.com/images/others/SrchBtn.gif" align=middle 
 onmouseover="this.src='http://www.geekso.com/images/others/SrchBtn_Over.gif';"
 onmouseout="this.src='http://www.geekso.com/images/others/SrchBtn.gif';"
 value=Search name=go></SPAN></DIV>
 
 </TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

运行代码

复制代码

vista_button.rar (已下载 1260 次)

RANDOM POSTS

RECENT POSTS

PREVIOUS POST

firefox怎么在地址栏上输入的地址在新标签中打开

NEXT POST

FastStone Capture V6.3 Final版┊图像浏览、编辑和抓屏的工具┊汉化绿色版

本文有 1 篇评论

^@ neo

Email

说 :

2012.03.21 10:54

楼主，这个可以运行代码的是用的什么插件啊

1/1

第一页

1

最后页

发表你的见解