大师兄 发表于 2017-11-29 20:46:57

html开发-WEB开发中如何实现鼠标放在标题上如何旁边显示一个小提示框显示详细信息

如果是超级链接:<a href="#" title="提示信息">标题</a>-(title 属性赋值就可以);如果是链接,鼠标经过时,可以使用AJAX方式加载链接内容;如果是图片是Ajax加载大图等等方式;如果是图片:<img alt="提示信息" src="" />任何HTML标签:加上onmouseover事件,触发一个JS函数在对象的相对位置弹出一个隐藏的DIV,DIV中放你定制的提示信息;另外一种是气泡,鼠标放在标题上显示标题全部内容下面是我用Datalist 中放LinkButton 代码中更改Text属性和增加TooTip属性,红色为数据库列名,也就是我们所说的标题<asp:LinkButton ID="LinkButton1"runat="server" class="linkList"
                                          Text='<%#Eval("info_title")%>' ToolTip='<%#Eval("info_title")%>'></asp:LinkButton>
linkbutton 属性:ToolTip='<%#Eval("info_title")%>'
这样就可以了,是不是非常简单
页: [1]
查看完整版本: html开发-WEB开发中如何实现鼠标放在标题上如何旁边显示一个小提示框显示详细信息