New to Telerik UI for ASP.NET AJAX? Download free 30-day trial


The mouseOver event is fired when the user moves the mouse pointer over the control.

The event handler receives two parameters:

  1. The RadRotator instance that fired the event.

  2. An eventArgs parameter of type Telerik.Web.UI.RadRotatorEventArgs, containing the following properties and methods:

    • get_item() - returns the client object of the item that is hovered with the cursor.

This event can be used for executing a custom code when the mouse pointer is moved over the RadRotator. The example below demonstrates how to display the index of the currently hovered item.

<script type="text/javascript">
    function OnClientMouseOver(sender, eventArgs) {
        var eventLog = $get("eventLog");
        eventLog.innerHTML = "You placed the mouse over an item with index " + eventArgs.get_item().get_index();
<telerik:RadRotator RenderMode="Lightweight" ID="RadRotator1" runat="server" ScrollDirection="Left" Height="113px"
    ItemHeight="113px" Width="150px" ItemWidth="150px" OnClientMouseOver="OnClientMouseOver">
        <img src=".........." alt="" />
<div id="eventLog"></div>
In this article