图片水平翻转后垂直翻反转的特效

2024-04-27 13:59:04

字体：大中小

来源：转载

供稿：网友

现在要介绍的是一种新型的滚动，利用JS的方法来做字幕的滚动：向上，在中间停顿一到两秒：

<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="descr<a href="http://ip.vevb.com/">ip</a>tion" content="带关闭功能的网页漂浮广告特效代码展示" /><meta name="key<a href="http://www.vevb.com/article.asp?typeid=117">Word</a>s" content="网页,网页教学,网页开发,书籍教程,视频教程,网页学习,网页特效,网页制作学习,网页学习,网页教学网,建站指南,动画制作,动画教程,网络编程,教程下载,素材,网页素材,Logo源文件,Banner素材,酷站,酷站欣赏,<a href="http://www.vevb.com/asp.asp">asp</a>技术,<a href="http://www.vevb.com/php.asp">php</a>技术,<a href="http://www.vevb.com/aspnet.asp">asp.net</a>技术,<a href="http://www.vevb.com/jsp.asp">jsp</a>技术,CGI技术,<a href="http://www.vevb.com/sql.asp">数据库</a>技术,<a href="http://www.vevb.com/xml.asp">xml</a>技术,<a href="http://www.vevb.com/article.asp?typeid=38">CSS</a>技术,JS,HTML,建站技巧,制作入门,制作技巧,网页制作技巧,网页学习技巧" /><link href="http://www.vevb.com/templates/vevb/css/style.css" rel="stylesheet" type="text/css" /></head><body bgColor="#ffffff" leftMargin="0" topMargin="3"><script>var marqueeContent=new Array(); //定义一个数组，用来存放显示内容marqueeContent[0]='<A href="#" onclick="reinitMarquee()">刷新最新列表</FONT></A>';marqueeContent[1]='<a href=# target=_blank>站点最新更新六十条</a>';marqueeContent[2]='<A href=# target=_blank>羽毛效果制作教程</a>';marqueeContent[3]='<A href=# target=_blank><a href="http://www.vevb.com/article.asp?typeid=172">MySQL</a>＆ASP</a>';marqueeContent[4]='<A href=# target=_blank>初步了解CSS3</a>';marqueeContent[5]='<A href=# target=_blank><a href="http://www.vevb.com/article.asp?typeid=43">fireworks</a> MX 2004执行面版操作</a>';marqueeContent[6]='<A href=# target=_blank>Fireworks MX 2004等高渐变填充</a>';marqueeContent[7]='<A href=# target=_blank>瓶子里的花</a>';marqueeContent[8]='<A href=# target=_blank>Fireworks MX 实现选项卡式效果</a>';marqueeContent[9]='<A href=# target=_blank>情侣：黑白的爱情空气</a>';marqueeContent[10]='<A href=# target=_blank>制作 MAC 风格的苹果标志</a>';marqueeContent[11]='<A href=# target=_blank>蛋壳制作及破壳而出的人物合成</a>';var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量var marqueeId=0;var marqueeDelay=4000;var marqueeHeight=16;//接下来的是定义一些要使用到的函数Array.<a href="http://pr.vevb.com/">PR</a>ototype.random=function() {var a=this;var l=a.length;for(var i=0;i<l;i++) {var r=Math.floor(Math.random()*(l-i));a=a.slice(0,r).concat(a.slice(r+1)).concat(a[r]);}return a;}function initMarquee() {marqueeContent=marqueeContent.random();var str='';for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?'　　':'')+marqueeContent[i];document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmou<a href="http://www.vevb.com/article.asp?typeid=138">SEO</a>ver="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(/'startMarquee()/',marqueeDelay)"><div>'+str+'</div></div>');marqueeId+=2;if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);}function reinitMarquee() {js_scroll_content.src='scroll_content2.js';marqueeContent=marqueeContent.random();var str='';for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?'　　':'')+marqueeContent[i];marqueeBox.childNodes[(marqueeBox.childNodes.length==1?0:1)].innerHTML=str;marqueeId=2;}function startMarquee() {var str='';for(var i=0;(i<3)&&(marqueeId+i<marqueeContent.length);i++) {str+=(i>0?'　　':'')+marqueeContent[marqueeId+i];}marqueeId+=3;if(marqueeId>marqueeContent.length)marqueeId=0;if(marqueeBox.childNodes.length==1) {var nextLine=document.createElement('DIV');nextLine.innerHTML=str;marqueeBox.appendChild(nextLine);}else {marqueeBox.childNodes[0].innerHTML=str;marqueeBox.appendChild(marqueeBox.childNodes[0]);marqueeBox.scrollTop=0;}clearInterval(marqueeInterval[1]);marqueeInterval[1]=setInterval("scrollMarquee()",20);}function scrollMarquee() {marqueeBox.scrollTop++;if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){clearInterval(marqueeInterval[1]);}}initMarquee();</script></body></html>

上一篇：文本改变且淡入淡出的效果[网页特效]

下一篇：页面内来回漂浮的图片广告代码[网页特效]