• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
leoxu
博客园 首页 新随笔 联系 订阅 订阅 管理

文章分类 -  Ajax

 
实现漂亮的链接提示效果,仿www.live.com
摘要:最近在学Ajax,想起老师给我们演示的http://www.live.com/里面的一些效果,其中很喜欢这个链接提示效果,不禁思索着怎么实现这种效果。怀着好奇心开始查看它的源代码,可是看了半天还是找不到哪一段代码是实现这个效果的,只好自己尝试着做一下。 一、 思路分析 首先要把文章标题列表显示出来,其中包括了“更多”这个链接以及ID这个参数。 接下来通过javascript检查Dom的操作把几个“更多”找出来,并对这几个“更多”增加鼠标经过和鼠标移开事件。在事件处理里就是对 提示框 的操作。其中这个提示框的外观应该是先用CSS定义好的。我们所要处理的,就是这个提示框的可视化、位置以及内容。对于位置,需要先获取当前“更多”的位置,然后再改变提示框的位置。而内容,首先要接收一个ID,然后根据这个ID发送到服务器并返回文章正文。 阅读全文
posted @ 2008-05-08 11:27 子枫 阅读(1282) 评论(0) 推荐(0)
 

公告


博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3