首页 > 教程 > 关键词  > 上网导航最新资讯  > 正文

完美实现265上网导航LOGO上眼睛跟随鼠标转动

2008-10-16 10:50 · 稿源:唯唯一一

《完美实现265上网导航LOGO上眼睛跟随鼠标转动》文章已经归档,站长之家不再展示相关内容,下文是站长之家的自动化写作机器人,通过算法提取的文章重点内容。这只AI还很年轻,欢迎联系我们帮它成长:

一、效果查看:http://www.265.com/ 眼珠子真的会东哦~~ 第一眼看到这效果,大多数人可能都会觉得这是用FLASH做的,但再仔细观察,其实只是GIF图片,那GIF图片怎么会出现这种效果呢?原来是有三张GIF图,一张背景LOGO,一张眼珠图片和一张遮照图,然后利用JS代码,判断鼠标的位置,然后移动眼珠,形成眼珠跟着鼠标走的感觉。这种效果应用到自己的网站,只需更换265的LOGO图片即可。 二、效果实现:第一步:添加图片ID 因为利用JS判断出鼠标位置后,还需要将眼珠相对位置在LOGO的上面,因此需要将一些元素添加ID,以便JS代码调用。 /*H1和IMG的ID可自行修改,但需要和第二步JS代码中的一致,以便调用*/ 第二步:添加跟随函数 眼睛跟随效果最主要的就是判断鼠标位置,然后设置眼珠的相对定位,因此需要在页面中添加代码,其中关键代码如下:function m(a, b)...

......

本文由站长之家用户“唯唯一一”投稿,本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间,为了保证文章信息的及时性,内容观点的准确性,平台将不提供完整的内容展现,本页面内容仅为平台搜索索引使用。需阅读完整内容的用户,请联系作者获取原文。

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词: