当前位置：首页 → 问答吧 → 发现奇艺的这个效果做的不错不知用jquery该如何实现?

发现奇艺的这个效果做的不错不知用jquery该如何实现?

时间：2011-09-29

来源：互联网

[localimg=510,1000]1[/localimg]

当鼠标移到这上面时变成

[localimg=510,1000]2[/localimg]

当鼠标移出该区域时又恢复之前的

以前FLASH中好像看到过类似功能不知用jquery该如何实现?

附件

1.jpg (4.78 KB)

2011-9-29 18:39

2.jpg (8.21 KB)

2011-9-29 18:39

作者: feelsky 发布时间: 2011-09-29

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script> window.onload=function(){ var test=document.getElementById("test"); var haha=document.getElementById("haha"); haha.onmouseover=function(){ test.style.display="block"; } haha.onmouseout=function(){ test.style.display="none"; } } </script> <style type="text/css"> #test{width:100px;height:100px;background:#f00;display:none;} </style> </head> <body> <span id="haha">鼠标来</span> <div id="test"></div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 winsonlei 于 2011-9-29 18:53 编辑 ]

作者: winsonlei 发布时间: 2011-09-29

非常感谢如果要像奇艺那样带滑动效果的话要用到jquery了吧

作者: feelsky 发布时间: 2011-09-29