Moodle动态效果代码

字幕代码：

<p></p><fontsize=”3″><marqueestyle=”width:575px;height:20px”size=”4″><fontcolor=”#ff00ff”>您已进入了茶的世界，祝您玩得愉快！可别忘了打开您的音箱喔！！</font></marquee></font><!–/font–><!–/–><!–/–><!–/–><!–/–><!–/–><!–/–><!–/–>

<p></p>

FLASH代码：

<divalign=”left”><embedsrc=”http://www.zsmoodle.com:81/file.php/6800/lianxi/lizi.swf”width=”160″height=”100″type=”application/x-shockwave-flash”quality=”high”loop=”true”play=”true”/></embed><//embed></div>

问道代码：

<objectid=”askform_flash”codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″height=”350″width=”240″classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″><paramvalue=”http://www.askform.cn/flash/askform.swf?theme=olympic&userid=6133&formid=23895″name=”movie”/><paramvalue=”high”name=”quality”/><paramvalue=”always”name=”allowScriptAccess”/>

</object>

<divstyle=”display:none”><ahref=”http://www.askform.cn/”>问道</a>by<ahref=”http://www.askform.cn/6133-23895.aspx”>askform.cn</a></div>

自动向上滚动的文字

<html>

<HEAD>

<METAchttp-equiv=Content-Type>

<STYLEtype=text/css>

#demoa{

width:100%;

overflow:hidden;

font:12px/16pxtahoma;

display:block;

text-decoration:none;

margin:2px;

color:#4a551c;

padding-left:2px;

text-align:left;

}

#demoa:hover{

color:#ff6600;

}

</STYLE>

</HEAD>

<body>

<divid=”demo”style=”overflow:hidden;height:132px;width:400px;border:1pxsolid#dde5bc;”>

<divid=”demo1″>

<ahref=”#”>《一丛花》</a>

<ahref=”#”>伤高怀远几时穷!</a>

<ahref=”#”>无物似情浓。</a>

<ahref=”#”>离愁正引千丝乱，</a>

<ahref=”#”>更东陌，</a>

<ahref=”#”>飞絮濛濛。</a>

<ahref=”#”>嘶骑渐遥，</a>

<ahref=”#”>征尘不断，</a>

<ahref=”#”>何处认郎踪!</a>

<ahref=”#”>双鸳池沼水溶溶，</a>

<ahref=”#”>南北小桡通。</a>

<ahref=”#”>梯横画阁黄昏后，</a>

<ahref=”#”>又还是斜月帘栊。</a>

<ahref=”#”>沈恨细思，</a>

<ahref=”#”>不如桃杏，</a>

<ahref=”#”>犹解嫁东风。</a>

</div>

<divid=”demo2″></div>

</div>

varspeed=40

vardemo=document.getElementById(“demo”);

vardemo2=document.getElementById(“demo2”);

vardemo1=document.getElementById(“demo1”);

demo2.innerHTML=demo1.innerHTML

functionMarquee(){

if(demo2.offsetTop-demo.scrollTop<=0)

demo.scrollTop-=demo1.offsetHeight

else{

demo.scrollTop++

}

varMyMar=setInterval(Marquee,speed)

demo.onmouseover=function(){clearInterval(MyMar)}

demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

</script>

</body>

</html>

礼花背景

<layername=”a0″left=10top=10visibility=showbgcolor=”#ffffff”clip=”0,0,1,1″></layer>

<layername=”a1″left=10top=10visibility=showbgcolor=”#fff000″clip=”0,0,1,1″></layer>

<layername=”a2″left=10top=10visibility=showbgcolor=”#ffa000″clip=”0,0,1,1″></layer>

<layername=”a3″left=10top=10visibility=showbgcolor=”#ff00ff”clip=”0,0,1,1″></layer>

<layername=”a4″left=10top=10visibility=showbgcolor=”#00ff00″clip=”0,0,1,1″></layer>

<layername=”a5″left=10top=10visibility=showbgcolor=”#ff00ff”clip=”0,0,1,1″></layer>

<layername=”a6″left=10top=10visibility=showbgcolor=”#ff0000″clip=”0,0,1,1″></layer>

<layername=”a7″left=10top=10visibility=showbgcolor=”#ffffff”clip=”0,0,1,1″></layer>

<layername=”a8″left=10top=10visibility=showbgcolor=”#fff000″clip=”0,0,1,1″></layer>

<layername=”a9″left=10top=10visibility=showbgcolor=”#ffa000″clip=”0,0,1,1″></layer>

<layername=”a10″left=10top=10visibility=showbgcolor=”#ff00ff”clip=”0,0,1,1″></layer>

<layername=”a11″left=10top=10visibility=showbgcolor=”#00ff00″clip=”0,0,2,2″></layer>

<layername=”a12″left=10top=10visibility=showbgcolor=”#0000ff”clip=”0,0,2,2″></layer>

<layername=”a13″left=10top=10visibility=showbgcolor=”#ff0000″clip=”0,0,2,2″></layer>

<divid=”starsDiv”style=”position:absolute;top:0px;left:0px”>

<divstyle=”position:relative;width:2px;height:2px;background:#ffffff;font-size:2px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#fff000;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#ffa000;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#00ff00;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#0000ff;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#FF0000;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#ffffff;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#fff000;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#ffa000;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px”></div>

<divstyle=”position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#0000ff;font-size:1px”></div>

<divstyle=”position:relative;width:1px;height:1px;background:#FF0000;font-size:1px”></div>

</div>

<SCRIPTLANGUAGE=”JavaScript”>

<!–Begin

varClrs=newArray(9);

Clrs[0]=’ff0000′;

Clrs[1]=’00ff00′;

Clrs[2]=’000aff’;

Clrs[3]=’ff00ff’;

Clrs[4]=’ffa500′;

Clrs[5]=’ffff00′;

Clrs[6]=’00ff00′;

Clrs[7]=’ffffff’;

Clrs[8]=’fffff0′;

varsClrs=newArray(5);

sClrs[0]=’ffa500′;

sClrs[1]=’55ff66′;

sClrs[2]=’AC9DFC’;

sClrs[3]=’fff000′;

sClrs[4]=’fffff0′;

varyBase;

varxBase;

varstep;

varcurrStep=0;

varXpos=1;

varYpos=1;

varinitialStarColor=’ffa000′;

varMtop=250;

varMleft=250;

functionFireworks(){

if(document.all){

yBase=window.document.body.offsetHeight/3;

xBase=window.document.body.offsetWidth/8;

}

elseif(document.layers){

yBase=window.innerHeight/3;

xBase=window.innerWidth/8;

}

if(document.all){

step=5;

for(i=0;i<starsDiv.all.length;i++){

for(ai=0;ai<Clrs.length;ai++){

varc=Math.round(Math.random()*[ai]);

}

if(currStep<90)

starsDiv.all.style.background=initialStarColor;

if(currStep>90)

starsDiv.all.style.background=Clrs[c];

starsDiv.all.style.top=Mtop+yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)

starsDiv.all.style.left=Mleft+yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)

}

elseif(document.layers){

step=5;

for(j=0;j<24;j++){//numberofNSlayers!

vartemplayer=”a”+j;

for(ai=0;ai<Clrs.length;ai++){

varc=Math.round(Math.random()*[ai]);

}

if(currStep<90)

document.layers[templayer].bgColor=initialStarColor;

if(currStep>90)

document.layers[templayer].bgColor=Clrs[c];

document.layers[templayer].top=Mtop+

yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)

document.layers[templayer].left=Mleft+

yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)

}

currStep+=step;

T=setTimeout(“Fireworks()”,5);

if(currStep==220){

currStep=-10;

for(n=0;n<sClrs.length;n++){

vark=Math.round(Math.random()*n);

}

initialStarColor=sClrs[k];

if(document.all){

Dtop=window.document.body.clientHeight-250;

Dleft=xBase*3.5;

Mtop=Math.round(Math.random()*Dtop);

Mleft=Math.round(Math.random()*Dleft);

document.all.starsDiv.style.top=Mtop+document.body.scrollTop;

document.all.starsDiv.style.left=Mleft+document.body.scrollLeft;

}

elseif(document.layers){

Dleft=window.innerWidth-100;

Dtop=window.innerHeight-100;

Mtop=Math.round(Math.random()*Dtop+window.pageYOffset);

Mleft=Math.round(Math.random()*Dleft+window.pageXOffset);

document.layers[templayer].top=Mtop;

document.layers[templayer].left=Mleft;

}

if((Mtop<20)||(Mleft<20)){

Mtop+=90;

Mleft+=90;

}

Fireworks();

//End–>

</script>

图片从下向上滚动

<divid=Demostyle=”OVERFLOW:hidden;WIDTH:158px;COLOR:#ffffff;HEIGHT:150px”>

<tablecellPadding=0align=leftborder=0cellspace=”0″>

<tr>

<tdid=Demo1vAlign=top>

<tablecellSpacing=0cellPadding=5border=0>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tdid=Demo2vAlign=top></td>

</tr>

</table>

</div>

varspeed=15

Demo2.innerHTML=Demo1.innerHTML

functionMarquee2(){

if(Demo2.offsetHeight-Demo.scrollTop<=0)

Demo.scrollTop-=Demo1.offsetHeight;

else{

Demo.scrollTop++;

}

varMyMar2=setInterval(Marquee2,speed)

Demo.onmouseover=function(){clearInterval(MyMar2)}

Demo.onmouseout=function(){MyMar2=setInterval(Marquee2,speed)}

</SCRIPT>

图片向左滚动开始

<divid=”jsweb8_cn_left”style=”overflow:hidden;width:600px;”>

<tablecellpadding=”0″cellspacing=”0″border=”0″>

<tablecellpadding=”2″cellspacing=”0″border=”0″>

<tralign=”center”>

</tr>

</table>

</td>

<tdid=”jsweb8_cn_left2″valign=”top”></td>

</tr>

</table>

</div>

varspeed=30

jsweb8_cn_left2.innerHTML=jsweb8_cn_left1.innerHTML

functionMarquee3(){

if(jsweb8_cn_left2.offsetWidth-jsweb8_cn_left.scrollLeft<=0)

jsweb8_cn_left.scrollLeft-=jsweb8_cn_left1.offsetWidth

else{

jsweb8_cn_left.scrollLeft++

}

varMyMar3=setInterval(Marquee3,speed)

jsweb8_cn_left.onmouseover=function(){clearInterval(MyMar3)}

jsweb8_cn_left.onmouseout=function(){MyMar3=setInterval(Marquee3,speed)}

</script>

上下滚动不间断公告代码

<tablealign=centerborder=”0″cellpadding=”0″style=”border-collapse:collapse”>

<divid=designstyle=”OVERFLOW:hidden;WIDTH:180px;HEIGHT:185px”>

<divid=design1style=”OVERFLOW:hidden”>

<TABLEcellSpacing=0cellPadding=0width=180align=centerborder=0>

<tr>

<tdalign=leftwidth=”180″height=”21″>·<aclass=b2href=”http://www.shqp365.com/info/2008/0416/info_416.html”title=”青浦海湘缘酒楼”target=”_blank”class=”tag_title_link”><sampstyle=”color:#FF0000;font-weight:bold;”>青浦海湘缘酒楼</samp></a></td>

</tr>

<tr>

<tdalign=leftwidth=”180″height=”21″>·<aclass=b2href=”http://www.shqp365.com/info/2008/0415/info_414.html”title=”青浦盈港河鲜馆”target=”_blank”class=”tag_title_link”><sampstyle=”color:#FF0000;font-weight:bold;”>青浦盈港河鲜馆</samp></a></td>

</tr>

<tr>

<tdalign=leftwidth=”180″height=”21″>·<aclass=b2href=”http://www.shqp365.com/info/2008/0415/info_413.html”title=”上海宝莹电器有限公司”target=”_blank”class=”tag_title_link”>上海宝莹电器有限公司</a></td>

</tr>

</table>

</div>

<divid=design2>

</div>

varspeed=65

design2.innerHTML=design1.innerHTML

functionMarquee2()

{

if(design2.offsetTop-design.scrollTop<=0)

design.scrollTop-=design1.offsetHeight

else

{

design.scrollTop++

}

varMyMar2=setInterval(Marquee2,speed)

design.onmouseover=function()

{

clearInterval(MyMar2)

}

design.onmouseout=function()

{

MyMar2=setInterval(Marquee2,speed)

}

</script>

<scriptlanguage=”javascript”>

<!–

functionshowchargemenu(m1)

{

document.getElementById(“test”).innerHTML=m1.innerHTML;

}

//–>

</script>

</td>

</tr>

</table>

文字的漂浮效果

<marqueedirection=”up”scrollamount=”5″scrolldelay=”30″width=”600″height=”50″bgcolor=”#3399FF”>

<marqueebehavior=”alternate”height=”50″direction=”right”scrollamount=”4″scrolldelay=”30″width=”100%”>

<fontcolor=”#cc0033″size=”4″>文字漂浮效果</font></marquee><br><br><br>

<marqueebehavior=”alternate”height=”50″direction=”left”scrollamount=”4″scrolldelay=”30″width=”100%”>

<fontcolor=”#cc0022″size=”4″>文字漂浮效果</font></marquee><br><br><br>

</marquee>

作者: admin

联系我们

微信扫一扫关注我们

作者: admin

为您推荐

moodle中整合freemind filter

moodle整合tiny_mce编辑器

如何配置邮件服务

FLASH快速插入的方法

moodle邮件发送设置

解决安装moodle中文显示乱码问题

联系我们

微信扫一扫关注我们