网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
奕帆吧 关注：71贴子：1,469
  • 2回复贴，共1页

【动态网页】链接提示代码

最简单的：在<a href="????" title="提示内容">链接</a>

有些提示的内容会很漂亮，做起来就比较麻烦


我给我的小站加的是这种动态滚动式的：
<html>
<head>
<style type="text/css">
<!--
a.js:link{ color: #FF0000; text-decoration: none; line-height: 120% }
a.js:visited{ color: #FF0000; text-decoration: none; line-height: 120% }
a.js:hover{ color: #FF3300; text-decoration: underline; line-height: 120% }
a.js:active{ color: #FF3300; text-decoration: underline; line-height: 120% }
-->
</style>
<body bgcolor="#c2c2c9" text="#000000" leftmargin="0" topmargin="0">

<object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<param name="Command" value="Close">
</object>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="90%">
 <tr>
 <td align="center">
<script>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}

</script>
 <div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 200 50 0);width:200px;background-color:#F3F3F8; height: 15px"> 
 <layer name="nstip" width=1000px bgColor="#6666ff"></layer>
</div><br><a href="/main2.htm" onMouseover="showtip2(this,event,'欢迎你的到来')" onMouseout="hidetip2()">演示链接</a></td>
 </tr>
</table>

</body>
</html>


2025-05-12 12:36:51
广告
<html>
<head>
<script language="JavaScript">
<!--hiding
var beforeSpace="";
for(i=0;i<80;i++) beforeSpace+=" ";
text=" ";
formText=beforeSpace+text;
var textRunning=false;
var timeoutID=null;
var position=0;
var sLength=formText.length;

function stopText(){
if(textRunning) clearTimeout(timeoutID);
textRunning=false;
}

function startText(){
stopText();
updateText();
}

function updateText(){
window.status=formText.substring(position%sLength,position+150%sLength);
position+=2;
timeoutID=setTimeout("updateText()",200);
textRunning=true;
}

//end of hiding-->
</script>
</head>
<body bgcolor="#c2c2c9" text="#000000" leftmargin="0" topmargin="0">
<a href="..\..\url2000\index.htm" tppabs="http://kahn.xj.cninfo.net/tszz/url2000/index.htm" onMouseOver="window.status='网址2000';return true" onMouseOut="window.status=''">网址2000</a> 
<a href="..\..\index.htm" tppabs="http://kahn.xj.cninfo.net/tszz/index.htm" onMouseOver="window.status='欢迎你的到来！';return true" onMouseOut="window.status=''">链接演示</a> 

</body>
</html>


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 2回复贴，共1页
分享到: