ASP新闻标题过长截取后用…显示时,当鼠标放上去在原处显示完整标题怎么...
发布网友
发布时间：2024-10-23 22:26
我来回答
共4个回答
热心网友
时间：8分钟前
建议使用title，因为对SEO特别友好！
如果不用title，就使用javascript来实现，给你一个思路，比如，前台的结构这样：
<a href="url" title="title">测试标题...<span>测试标题的完整字符串</span></a>
在CSS里把a里面的span隐藏掉，这个不用我说了吧。
再一步就是用js,你可以直接写到a的onmouseover事件和onmouseout事件中，也可以在window.onload事件中写，都一样，比如写到onmouseover中。
<a href="url" title="title" onmouseover="showTitle(this);" onmouseout="hiddenTitle(this)">测试标题...<span>测试标题的完整字符串</span></a>
然后用js再定义这个showTitle()和hiddenTitle()函数：
function showTitle(o){
var span = o.childNodes[1];
span.style.display = "block";
}
function hiddenTitle(o){
var span = o.childNodes[1];
span.style.display = "none";
}
以下是完整代码：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>为rlb445测试</title>
<style type="text/css">
a{
position:relative;}
a span{
display:none;
position:absolute;
left:0;
top:20px;
}
</style>
<script type="text/javascript">
function showTitle(o){
var span = o.childNodes[1];
span.style.display = "block";
}
function hiddenTitle(o){
var span = o.childNodes[1];
span.style.display = "none";
}
</script>
</head>
<body>
<p>
<a href="url" title="title" onmouseover="showTitle(this);" onmouseout="hiddenTitle(this)">测试标题...<span>测试标题的完整字符串</span></a>
</p>
</body>
</html>
热心网友
时间：3分钟前
你那种不是 asp 控制的范围了，你要的是鼠标经过显示全，不用 asp 输出到 title ，那肯定得需要js 写的
热心网友
时间：3分钟前
在超链接的ALT属性里写完整的标题就行了啊~
热心网友
时间：4分钟前
为什么不用title的呢，这么好的东西不用可惜了！
你可以在数据库中在多一个简要标题的字段，调用的时候，在首页显示简要标题，在新闻详细页面显示完整标题
