每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>图片特效特效代码>

收藏分享查看评论图片特效

漫天飞花及文字滚动特效_图片特效特效

查看演示效果

特效Tag：文字滚动添加

漫天飞花及文字滚动特效，不知道该怎么形容这种效果，它是图片和文字相结合的一种特效，就叫做漫天飞花吧，另外它还可以控制一组文字上下滚动，也就走马灯，个性十足。

<title>漫天飞花和文字滚动代码</title>
<SCRIPT language=JavaScript>
 //设置marquee的宽度(in pixels)  
var marqueewidth=190 
//设置marquee的高度  
var marqueeheight=200 
//设置marquee的速度  
var speed=1
//设置marquee的显示内容  
var marqueemrcs=  
ef="<center><p>百度一下，你就知道</center>" 
if (document.all)  
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueemrcs+'</marquee>')  
 
function regenerate(){  
window.location.reload()  
}  
function regenerate2(){  
if (document.layers){  
setTimeout("window.onresize=regenerate",450)  
intializemarquee()  
}  
}  
 
function intializemarquee(){  
document.cmarquee01.document.cmarquee02.document.write(marqueemrcs)  
document.cmarquee01.document.cmarquee02.document.close()  
thelength=document.cmarquee01.document.cmarquee02.document.height  
scrollit()  
}  
 
function scrollit(){  
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){  
document.cmarquee01.document.cmarquee02.top-=speed  
setTimeout("scrollit()",100)  
}  
else{  
document.cmarquee01.document.cmarquee02.top=marqueeheight  
scrollit()  
}  
}  
 
window.onload=regenerate2  
</SCRIPT>

<script language="JavaScript1.2"><!-- Begin
var no = 20;
var speed = 10; 
var snowflake = "/images/logo.gif";
var ns4up = (document.layers) ? 1 : 0;  
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;  
var am, stx, sty; 
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;   
xp[i] = Math.random()*(doc_width-50);  
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; 
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random(); 
if (ns4up) {  
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=http://p1.mb5u.com/texiao/1/20110225160436102 + snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=http://p1.mb5u.com/texiao/1/20110225160436102 + snowflake + "\" border=\"0\"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=http://p1.mb5u.com/texiao/1/20110225160436102 + snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=http://p1.mb5u.com/texiao/1/20110225160436102 + snowflake + "\" border=\"0\"></div>");
      }
   }
}
function snowNS() {  
for (i = 0; i < no; ++ i) { 
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}

function snowIE() { 
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

所属频道：图片特效特效/更新时间：2012-12-11

[收藏][报错][返回列表]

相关图片特效特效：

图片特效特效Rss订阅特效代码搜索

图片特效特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索漫天飞花及文字滚动特效
特效说明：
图片特效模板-漫天飞花及文字滚动特效。