文本内容定时自动切换显示效果

2周前 (05-06 17:28)阅读14回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值4714
  • 级别管理员
  • 主题942
  • 回复2
楼主

图层内文本内容定时自动切换显示效果,带图片切换显示,根据自己网站的需求来修改这个自动切换特效即可。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>文本内容定时自动切换显示效果_武鸣人</title>
<style type="text/css">
#wuming_ren{
width: 230px;
height: 200px;
border: 1px solid black;
background-color: #f7f7f7;
padding: 5px;
}
.wwwwumingren{
width: 100%;
display:block;
}
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<script type="text/javascript">
//List of transitional effects to be randomly applied to www_wuming_ren:
var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]
//var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.
var tickspeed=2000 //ticker speed in miliseconds (2000=2 seconds)
var effectduration=500 //Transitional effect duration in miliseconds
var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).
var filterid=Math.floor(Math.random()*billboardeffects.length)
document.write('<style type="text/css">\n')
if (document.getElementById)
document.write('.wwwwumingren{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n')
else if (hidecontent_from_legacy)
document.write('#wuming_ren{display:none;}')
document.write('</style>\n')
var selectedDiv=0
var totalDivs=0
function contractboard(){
var inc=0
while (document.getElementById("www_wuming_ren"+inc)){
document.getElementById("www_wuming_ren"+inc).style.display="none"
inc++
}
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function expandboard(){
var selectedDivObj=document.getElementById("www_wuming_ren"+selectedDiv)
contractboard()
if (selectedDivObj.filters){
if (billboardeffects.length>1){
filterid=Math.floor(Math.random()*billboardeffects.length)
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid]
}
selectedDivObj.filters[0].duration=effectduration/1000
selectedDivObj.filters[0].Apply()
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
selectedDivObj.style.display="block"
if (selectedDivObj.filters)
selectedDivObj.filters[0].Play()
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandboard()",tickspeed)
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function startbill(){
while (document.getElementById("www_wuming_ren"+totalDivs)!=null)
totalDivs++
if (document.getElementById("www_wuming_ren0").filters)
tickspeed+=effectduration
expandboard()
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
if (window.addEventListener)
window.addEventListener("load", startbill, false)
else if (window.attachEvent)
window.attachEvent("onload", startbill)
else if (document.getElementById)
window.onload=startbill
</script>
<div id="wuming_ren">
<div id="www_wuming_ren0" class="wwwwumingren" style="width: 218px; height: 80px">
<b><span style="font-size: 14px"><br>
什么是网页特效?<br>
</span></b><span style="font-size: 14px"><br>
网页特效是用程序代码在网页中实现特殊效果或者特殊功能的一种技术,它为网页活跃了气氛,增加了网站的亲和力。</span>
</div>
<div id="www_wuming_ren1" class="wwwwumingren">
 <b><span style="font-size:14px">如何使用网页特效?</span></b><span style="font-size: 14px"><br>
 <br>
    一般在你想添加特效的地方直接粘贴特效代码即可,有些特殊的代码还需要在别的地方添加其他代码。在本站下载的特效代码,都有详细说明,按说明使用即可。</span></div>
<div id="www_wuming_ren2" class="wwwwumingren">
<b><span style="font-size: 14px"><br>
利用Javascript建立Web应用</span></b><span style="font-size: 14px"><br>
<br>
随着应用普及,越来越多的用户在设计上采用结构,建立自己的应用。客户端程序负责向Web服务器发送请求,并负责从服务器接受和解释显示超文本。</span></div>
</div>
</body>
</html>


0
0
收藏0
回帖

文本内容定时自动切换显示效果 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息