当前位置: 代码迷 >> JavaScript >> 求 惠普网站的效果~ 多谢多谢
  详细解决方案

求 惠普网站的效果~ 多谢多谢

热度:139   发布时间:2012-02-22 19:36:55.0
求 惠普网站的效果~~~ 谢谢谢谢
www.hp.com.cn

那位能给提供下这个网站的效果啊?

就是鼠标移动到链接上面

下面的效果切换的   那种

谢谢谢谢

------解决方案--------------------
没啥特别的,就是通过 JS 动态修改样式,自己右键看源码吧

基本代码如下

<!--segmentLink-->
<div id= "gaButton ">
<div class= "vspacer "> </div>
<div class= "segmentLink "> <span class= "bold small "> <span class= "raquoSpace " style= "color:#666 "> &#187;&nbsp; </span> <a id= "gaLink " href= "http://h30267.www3.hp.com/country/cn/zh/index.html?c1=hphome&amp;source=gahome&amp;locale=cn-570&amp;x=3&amp;y=6&amp;pageseq=95223 " class= "whitenormal " onClick= "return catchSegmClick( 'GA '); " onmouseover= "delay_changeBack(true,GA); " onmouseout= "delay_changeBack(false,GA); " onFocus= "delay_changeBack(true,GA); " onBlur= "delay_changeBack(false,GA); " tabindex= "6 "> 图形艺术 </a> </span> </div>
</div>
<!--End segment link-->

函数都在下面的 js 里:
http://welcome.hp-ww.com/country/cn/zh/js/hpweb_welcome_ov2.js
------解决方案--------------------
对像.innerHTML
  相关解决方案