`
andrew.yulong
  • 浏览: 169825 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

提示信息 感应鼠标移动事件 自动显示url页面内容

阅读更多

//提示信息 感应鼠标移动事件 自动显示url页面内容
tooltip=function(id,url,width,height){
 if(width == undefined) width = 550;
 if(height == undefined) height =400;
  TooltipManager.addAjax(id, {url: url, options: {method: 'get'}}, {width: width, height: height, showEffect: Element.show, hideEffect: Element.hide});
}

//页面调用

page.rhtml

<span id="tooltip_<%= baemployee.id %>">
 <a href="#"><%= baemployee.name %></a>
 </span>
 <script type="text/javascript">           //tooltip_<%= baemployee.id %>在哪个上调用 page时action id时需要的参数
 tooltip("tooltip_<%= baemployee.id %>","page?id=<%= baemployee.id%>",500,350);
 </script> 

 

//action

 def page
    @baemployee = Baemployee.find(params[:id])                                        
    render :action => "page"
  end

分享到:
评论

相关推荐

    tab自动轮播,鼠标移动感应

    在网页设计中,"tab自动轮播,鼠标移动感应"是一种常见的交互效果,它主要用于展示多张图片或信息,使得用户无需手动切换就能查看所有内容。这种效果在产品展示、新闻滚动、幻灯片等场景中非常常见。下面将详细解释...

    图片感应鼠标左右移动代码

    当鼠标在页面上移动时,这个事件会被触发,我们可以获取到鼠标的当前坐标,然后根据坐标的变化来调整图片的位置。 例如,我们可以创建一个图片元素,并设置其初始位置。在`mousemove`事件的回调函数中,计算鼠标...

    导航菜单感应鼠标显示提示信息

    链接文字感应鼠标显示相应的提示信息,只有两行JavaScrip代码,相当简单。

    jQuery+CSS实现图片感应鼠标高亮显示当前图片

    在网页设计中,提升用户体验是至关重要的,而“jQuery+CSS实现图片感应鼠标高亮显示当前图片”就是一种常见的交互式设计技术。这种技术可以使用户更容易聚焦于当前操作的图片,增强视觉效果,同时提供更直观的操作...

    jquery仿QQ空间装扮预览图片的感应鼠标提示效果

    本篇文章将详细讲解如何利用jQuery实现一个类似QQ空间装扮预览图片的感应鼠标提示效果,即当鼠标移动到图片上时,会显示隐藏的说明内容,而当鼠标移开时,这些内容会自动消失。 首先,我们需要理解这个效果的基本...

    AS制作鼠标感应图片转动

    2. **鼠标事件监听**:捕捉鼠标移动事件,根据鼠标位置更新图片的旋转角度。 3. **图片加载与管理**:动态加载图片资源,并控制其在三维空间中的位置和尺寸。 #### 具体实施步骤 1. **创建基础元素**:首先,在...

    JS+CSS实现感应鼠标渐变显示DIV层的方法.docx

    在网页开发中,有时我们需要创建动态的交互效果来提升用户体验,比如当鼠标移过某个元素时,相关的提示信息会以渐变的方式显示出来。本文主要介绍了一种使用JavaScript(JS)和层叠样式表(CSS)相结合的方法,来...

    flash图片滚动 鼠标感应

    在"Flash图片滚动鼠标感应"的应用中,ActionScript可能是用来检测鼠标移动、点击等事件,并根据这些事件控制图片的滚动。例如,当鼠标进入特定区域时,图片开始自动滚动;当鼠标离开该区域时,滚动停止。这种交互...

    鼠标感应demo

    【鼠标感应demo】是一个使用Visual Studio 2012开发的程序示例,它专注于实现鼠标事件处理,以便在用户移动鼠标时动态修改已绘制的图形。在这个demo中,我们主要探讨以下几个关键知识点: 1. **鼠标事件处理**:在...

    感应鼠标的图片遮罩动画

    这种技术常用于创建悬停效果,当鼠标移动到图片上时,遮罩会根据预设的动画效果变化,显示额外的信息或引导用户的注意力。 实现这种效果有多种方法。一种是使用纯CSS3,利用`:hover`伪类来触发遮罩的变化,结合`...

    动态鼠标感应程序设计代码

    动态鼠标感应程序设计是计算机图形用户界面(GUI)中一个重要的组成部分,它涉及到操作系统底层的事件处理机制和编程语言的事件驱动模型。本程序代码旨在帮助开发者深入理解鼠标移动事件的处理过程,以及如何在软件...

    jQuery+CSS实现图片感应鼠标高亮显示当前图片.rar

    "jQuery+CSS实现图片感应鼠标高亮显示当前图片"是一个典型的网页交互功能,它通过jQuery库结合CSS样式,实现在用户将鼠标悬停在图片上时,突出显示当前被鼠标覆盖的图片,从而引导用户注意力并增强视觉效果。...

    淘宝中的一个鼠标感应大图

    在IT行业中,网页交互设计是用户体验的关键因素之一,"淘宝中的一个鼠标感应大图"就是一个典型的实例,展示了如何通过简单的JavaScript或CSS3技术提升用户体验。这个功能允许用户在浏览商品时,只需将鼠标悬停在小图...

    比较实用的jquery鼠标感应代码.rar

    首先,我们要明白jQuery中的鼠标感应通常涉及到`mouseenter`和`mouseleave`事件。这两个事件分别在鼠标进入和离开元素时触发,与JavaScript的`mouseover`和`mouseout`事件有所不同,它们不会因为子元素而误触发。在...

    jQuery实现单击和鼠标感应事件

    而鼠标感应事件,主要是指鼠标指针移动到元素上方时(mouseover事件)和鼠标指针离开元素时(mouseout事件)。通过这些事件,我们可以感知鼠标的位置变化并作出相应的反馈。jQuery中的`.hover()`方法就是一个结合了...

    比较实用的jquery鼠标感应代码

    在给定的“比较实用的jquery鼠标感应代码”压缩包中,包含了三种不同的jQuery特效,主要涉及到鼠标悬停事件和动态效果的实现。以下是这些特效的详细说明: 1. **Flash翻滚导航特效**: 这种特效通常用于网站的导航...

    鼠标感应图片无缝左右滚动JS代码

    "鼠标感应图片无缝左右滚动JS代码"就是一种实现这种效果的技术,它允许用户通过鼠标移动来控制图片的左右滚动,为网站增添动态视觉效果。 无缝滚动通常应用于图片轮播、产品展示或者新闻滚动等场景,它通过...

Global site tag (gtag.js) - Google Analytics