在鼠标悬停时,如何从datalist显示列 [英] On mouseover, how to display a column from datalist

查看:90
本文介绍了在鼠标悬停时,如何从datalist显示列的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个显示图像和其他细节的数据列表。当用户将鼠标移到图像上时,我想向他展示有关该产品的更多细节。详情位于数据主义者的部分栏目中。谢谢。

I have a datalist showing image and other details. When the user moves his mouse over the image
I want to show him more particulars about the product. The particulars are in 'part' column of
the datalist. thanks.

推荐答案

在mouseover事件中编写代码

只需在任何标签或文本框中写下您的产品信息,然后将它们分配到任何地方想要。
write your code in mouseover event
just write your product information in any label or textbox and then assign these to anywhere u want.


你可以通过多种方式做到这一点

1.使用工具提示'基本方式



'一些海关方式



2.使用标签控制

3.使用图片框作为显示部分

4.使用列表框





'当鼠标悬停在您想要的特定区域时,您只需要显示使用

'或者您可以使用这些控件来跟随您的鼠标



如果这不是您想要的,那么随时评论: )
you can do this things by many diff ways
1.using tooltip 'basic ways

'some customs ways

2.using label controls
3.using picture box as a display section
4.using listbox
etc

'you just have to make visible when mouse are hover in the particular section where you want to use
'or you can use those controls to follow your mouse

if this is not what you want then feel free to comment :)


HI Rajendar



我已经对你的代码进行了样品锻炼..

它的工作。

你可以根据你的需要修改。

别忘了添加jquery参考。





HI Rajendar

I have done sample workout on your code..
Its working.
you can modify as per your needs.
Don't forget to add jquery reference.


<%@ Page Language="C#" EnableViewState="true" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs"

    Inherits="POC.WebForm2" %>

<!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 id="Head1" runat="server">
    <title></title>
    <script src="jquery-1.10.2.js" type="text/javascript"></script>
    <script type="text/javascript">

        var hover = function (obj) {
            var context =


这篇关于在鼠标悬停时,如何从datalist显示列的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆