类似按钮的文字链接

稿源：互联网 2022-05-19 16:21:42 点击： 347 撤稿纠错

类似按钮的文字链接效果，很漂亮的样式效果。

以下讨论的是和链接特效相关的类似按钮的文字链接教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript1.2">
var cssdefinition='<style>n.menuitems{nborder:2.5px solid #FFF2BF;n}nn.menuitems a{ntext-decoration:none;ncolor:black;n}n</style>'

//No need to edit beyond here
if (document.all||document.getElementById)
document.write(cssdefinition)

function over_effect(e,state, bgcolor){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
else{
while(source4.tagName!="DIV"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
}
}
}

</script>
<div style="background-color:#FFF2BF;width:80%;height:23px;padding-top:5px" onMouseover="over_effect(event,'outset','#FFE271')" onMouseout="over_effect(event,'solid','#FFF2BF')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')">
<font face="Arial" size="2">
<span class="menuitems"><a href="http://www.k688.com">阿里西西</a></span>
<span class="menuitems"><a href="http://www.jsinfo.com">江苏音符</a></span>
<span class="menuitems"><a href="http://www.the9.com">第九城市</a></span>
<span class="menuitems"><a href="http://www.cctv.com">央视国际</a></span>
<span class="menuitems"><a href="http://www.sina.com.cn">新浪网</a></span>
<span class="menuitems"><a href="http://www.sina.com.cn">新浪网</a></span>
<span class="menuitems"><a href="http://www.sina.com.cn">新浪网</a></span>
<span class="menuitems"><a href="http://www.sina.com.cn">新浪网</a></span>
<span class="menuitems"><a href="http://www.sina.com.cn">新浪网</a></span>

</font>
</div>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于类似按钮的文字链接的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807192707.shtml方便下次再访问哦。

·上一篇： 文字竖排效果
·下一篇： 抖动的重要提醒文字

类似按钮的文字链接

文章分类LIST >>返回首页

最新游戏

最新新闻