跟随鼠标图片

最新推荐文章于 2024-07-11 19:03:20 发布

fengPublic

最新推荐文章于 2024-07-11 19:03:20 发布

阅读量294

点赞数

分类专栏： javascript 文章标签： asp server function 服务器 null xhtml

本文链接：https://blog.csdn.net/fengPublic/article/details/5173186

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridview.aspx.cs" Inherits="gridview" %>

<!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 runat="server">
<title>无标题页</title>
<script type="text/javascript" src="xmlhttp.js"></script>
<script type="text/javascript">
function go(index)
{

            //构造post到服务器端的数据字符串
            var post="code=600000&display=0";
            var x = event.clientX;
            var y = event.clientY;
            $("divName").style.left = x;
            $("divName").style.top = y;
              $("divName").style.display = '';
           // $("divName").innerHTML='<img src=" http://quote.591hx.com/ChartPNG/000018_484_240_1d.png" />' ;
         Request.sendPOST(" http://quote.591hx.com/ChartS/Myhx_QuoteImage.aspx",post,recSearch,null,null);
        }
        function recSearch(req,data)
        {
            var retext=req.responseText;
        if(!retext || retext=="")//服务器返回空
        {
            alert("没有你要查的数据！");
            return;
        }
        // var ct = window.document.getElementById("divName");
        $("divName").style.display = '';

            // $("divName").innerHTML=retext;
            $("divName").innerHTML='<img src='+retext+' />';


            retext;//把服务器返回的数据在容器中显示

        }

        function hidePanel()
        {
            // alert("sdf");
            // var ct2 = window.document.getElementById(divName);
            $("divName").style.display = 'none';
        }

</script>

</head>
<body>
<form id="form1" runat="server">
    <div style="z-index: 10" >
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ArticleID"
            AllowPaging="True" DataSourceID="SqlDataSource1" OnRowDataBound="GridView1_RowDataBound">
            <Columns>
                <asp:BoundField DataField="AddedBy" HeaderText="AddedBy" SortExpression="AddedBy" />
                <asp:BoundField DataField="AddedDate" HeaderText="AddedDate" SortExpression="AddedDate" />
                <asp:TemplateField HeaderText="ArticleID" InsertVisible="False" SortExpression="ArticleID">
                    <ItemTemplate>
                        <div style="display: inline; position: relative; z-index: 1000" οnmοuseοut="hidePanel()" >
                            <asp:Label ID="Label1" runat="server" Text='<%# Bind("ArticleID") %>'></asp:Label>

                            <img src="images/more.gif" width="11" height="9" οnmοusemοve='go(<%# Eval("ArticleID") %>)'
                             alt="" />

                        </div>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
          <div id="divName" style="float: left; position: absolute; width: 20; height: auto" class="tooltip">
                            </div>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:hmportalConnectionString %>"
            SelectCommand="SELECT [AddedBy], [AddedDate], [ArticleID] FROM [hmp_Articles]"></asp:SqlDataSource>
        <asp:SqlDataSource ID="SqlDataSource2" runat="server"></asp:SqlDataSource>
    </div>
</form>
</body>
</html>
function go(index)
          {

              //构造post到服务器端的数据字符串
              var post="code=600000&display=0";
              var x = event.clientX;
              var y = event.clientY;
                      x=event.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft;
                       y=event.clientY + document.documentElement.scrollTop - document.documentElement.clientTop-20 ;
              document.getElementById("divName").style.left = x;

             document.getElementById("divName").style.top=y;//修改鼠标之间的距离

document.getElementById("divName").style.position="absolute";

              document.getElementById("divName").style.display = '';
              document.getElementById("divName").innerHTML='<img src="../stockimg/'+index+'.jpg" />' ;
             // Request.sendPOST(" http://quote.591hx.com/ChartS/Myhx_QuoteImage.aspx",post,recSearch,null,null);
          }

          function hidePanel()
          {
              document.getElementById("divName").style.display = 'none';
          }

fengPublic

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
跟随鼠标图片

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 无标题页 function go(index) { //构造post到服务器端的数据字符串 var
复制链接

扫一扫