注册 | 登陆

您的位置：阿里西西 > 网页特效 > 文字特效 > 详细内容

链接文字说明信息展开效果

稿源：互联网 2022-07-20 21:02:23 点击： 1613 撤稿纠错

文字链接的说明信息自动滚动，也可以点击链接展开。

以下讨论的是和相关的链接文字说明信息展开效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<style>

</style>
<script language="JavaScript1.2">
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
var tickercontents=new Array()
tickercontents[0]='站长特效网，www.zzjs.net <a href="http://www.zzjs.net">新浪网</a> 希望你能有更多的收获!'
tickercontents[1]='专注于网页特效及广告代码 <a href="http://www.zzjs.net">网易</a> 希望你能有更多的收获!'
tickercontents[2]='打造国内最帅的网页特效站。 <a href="http://www.zzjs.net">阿里西西</a> 希望你能有更多的收获!'
//specify how many characters of a message (for each msg) to show in expanded menu:
var charslimit=30
//Below specifies the "expand text". Do not remove onClick=".." portion.
var expandtext='<a href="#" onClick="dropdownit(event);return false">展开</a> <img src="/image/zzjs.ico" border=0 style="cursor:pointer;"/>'
//configure below variables to set dimensions and main color of the ticker
var tickerwidth='275px'
var tickerheight='75px' //not including "Expand" text
var tickerbgcolor='#DDDDFF'
//configure the below variable to determine the delay between ticking of messages (in miliseconds)
var tickdelay=2500
////Do not edit pass this line////////////////
var ie4=document.all || navigator.userAgent.search(/opera.7/i)!=-1 //lump Opera 7 with IE
var ns6=document.getElementById && !document.all && !window.opera
var ns4=document.layers
if (ns4){
expandtext=expandtext.replace(/dropdownit(event); *return false/gi, "return dropdownitNS4(event,this)")
tickerheightNS4=parseInt(tickerheight)+19
tickerlistheightNS4=tickerheight
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var currentmessage=0
var tickercontentstotal=''
if (ie4||ns6) //OUTPUT DROP DOWN MENU
document.write('<div id="tickerexpand" class="expandmenu" style="visibility:hidden"></div>')
function rotatecontent(){
if (ns4){ //OUTPUT HTML for ticker area for NS4
tickerobj.document.tickernssub.document.write(tickercontents[currentmessage]+'')
tickerobj.document.tickernssub.document.close()
}
else if (ie4||ns6){
tickerobj.innerHTML=tickercontents[currentmessage]
previousmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
tickerexpand_item=ns6? document.getElementById("expand"+currentmessage) : eval("expand"+currentmessage)
tickerexpand_previousitem=ns6? document.getElementById("expand"+previousmessage) : eval("expand"+previousmessage)
tickerexpand_previousitem.className=""
tickerexpand_item.className="expandmenu_highlight"
}
currentmessage=(currentmessage==tickercontents.length-1)? 0 : currentmessage+1
rotatemsgtimer=setTimeout("rotatecontent()",tickdelay)
}
function dropdownit(e){
if (ns6) e.stopPropagation()
else e.cancelBubble=true
tickerexpandobj.style.visibility=tickerexpandobj.style.visibility=="hidden"? "visible" : "hidden"
expandbuttonLeft=ns6? e.pageX-e.layerX : document.body.scrollLeft+event.clientX-event.offsetX
expandbuttonTop=ns6? e.pageY-e.layerY : document.body.scrollTop+event.clientY-event.offsetY
tickerexpandobj.style.left=expandbuttonLeft+"px"
tickerexpandobj.style.top=expandbuttonTop+expandbuttonobj.offsetHeight-3+"px"
}
function dropdownitNS4(e, currentobj){
tickerexpandobj.left=tickerobj.pageX
tickerexpandobj.top=tickerobj.pageY+parseInt(tickerlistheightNS4)+tickerobj.document.expandbuttonNS4.document.height
tickerexpandobj.visibility=(tickerexpandobj.visibility=="hide")? "show" : "hide"
return false
}
function jumptomsg(whichmsg){
clearTimeout(rotatemsgtimer)
if (ie4||ns6)
tickerexpand_item.className=""
currentmessage=whichmsg
rotatecontent()
}
function initialize_ticker(){
if (ns4) document.tickernsmain.visibility="show"
tickerobj=ie4? tickerlist : ns6? document.getElementById("tickerlist") : ns4? document.tickernsmain : ""
tickerexpandobj=ie4? tickerexpand : ns6? document.getElementById("tickerexpand") : ns4? document.expandlayer : ""
expandbuttonobj=ie4? expandbutton : ns6? document.getElementById("expandbutton") : ""
for (i=0;i<tickercontents.length;i++){ //get total scroller contents
tempstringcontainer=tickercontents[i].replace(/<[^>]+>/g, ''); //remove HTML tags
tickercontentstotal+='<div id="expand'+i+'">- <a href="javascript:jumptomsg('+i+')">'+tempstringcontainer.substring(0, charslimit)+'...</a></div>'
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if (ie4||ns6){
tickerexpandobj.innerHTML=tickercontentstotal
expandbuttonobj.innerHTML=expandtext
document.onclick=function(){
tickerexpandobj.style.visibility="hidden"
}
}
else if (ns4){
tickerexpandobj.document.write(tickercontentstotal)
tickerexpandobj.document.close()
tickerexpandobj.clip.width=parseInt(tickerwidth)*0.9
tickerobj.document.expandbuttonNS4.document.write(expandtext)
tickerobj.document.expandbuttonNS4.document.close()
tickerexpandobj.captureEvents(Event.CLICK)
tickerexpandobj.onclick=function(){
tickerexpandobj.visibility="hide"
}
}
rotatecontent()
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if (ie4||ns6) //OUT HTML FOR TICKER AREA for IE/NS6
document.write('<table id="tickerarea" border="0" style="width:'+tickerwidth+';" bgcolor="'+tickerbgcolor+'" cellspacing="0" cellpadding="0"><tr><td id="tickerlist" width="100%" height="'+tickerheight+'" style="padding-left:3px" valign="top"></td></tr><tr><td width="90%"><div id="expandbutton" style="position:relative"></div></td></tr></table>')
window.onload=initialize_ticker
</script>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<ilayer id="tickernsmain" width=&{tickerwidth}; height=&{tickerheightNS4}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer><layer id="expandbuttonNS4" left=0 top=&{tickerlistheightNS4};></layer></ilayer>
<layer id="expandlayer" bgColor=&{tickerbgcolor}; visibility=hide></layer>

关于链接文字说明信息展开效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016400563377.shtml方便下次再访问哦。

·上一篇： 加入收藏夹js脚本
·下一篇： 页面灯光照射效果

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

最新新闻