让Moodle动起来-Moodle动态效果代码
  • 提交:天一
  • 时间:09-05-15 13:53
  • 更新:09-05-15 13:53
字幕代码：
<p></p><font size="3"><marquee style="width: 575px; height: 20px" size="4"><font color="#ff00ff">您已进入了茶的世界，祝您玩得愉快！可别忘了打开您的音箱喔！！</font></marquee></font><!--/font--><!--/--><!--/--><!--/--><!--/--><!--/--><!--/--><!--/-->
<p></p>

FLASH代码：
<div align="left"><embed src="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>

问道代码：
<object id="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"><param value="http://www.askform.cn/flash/askform.swf?theme=olympic&userid=6133&formid=23895" name="movie" /><param value="high" name="quality" /><param value="always" name="allowScriptAccess" />
</object>
<div style="display: none"><a href="http://www.askform.cn/">问道</a> by <a href="http://www.askform.cn/6133-23895.aspx">askform.cn</a></div>

自动向上滚动的文字
<html>
<HEAD>
<TITLE>宋词赏析</TITLE>
<META c http-equiv=Content-Type>
<STYLE type=text/css>
#demo a {
width:100%;
overflow:hidden;
font:12px/16px tahoma;
display:block;
text-decoration:none;
margin:2px;
color:#4a551c;
padding-left:2px;
text-align:left;
}
#demo a:hover {
color:#ff6600;
}
</STYLE>
</HEAD>
<body>
<div id="demo" style="overflow:hidden;height:132px;width:400px; border:1px solid #dde5bc;">
<div id="demo1">
<a href="#">《一丛花》</a>
<a href="#">伤高怀远几时穷! </a>
<a href="#">无物似情浓。</a>
<a href="#">离愁正引千丝乱， </a>
<a href="#">更东陌，</a>
<a href="#">飞絮濛濛。</a>
<a href="#">嘶骑渐遥， </a>
<a href="#">征尘不断，</a>
<a href="#">何处认郎踪!</a>
<a href="#">双鸳池沼水溶溶， </a>
<a href="#">南北小桡通。</a>
<a href="#">梯横画阁黄昏后， </a>
<a href="#">又还是斜月帘栊。</a>
<a href="#">沈恨细思， </a>
<a href="#">不如桃杏，</a>
<a href="#">犹解嫁东风。</a>
</div>
<div id="demo2"></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
<center></center>

礼花背景
<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>
<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>
<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>
<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>
<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>
<div id="starsDiv" style="position:absolute;top:0px;left:0px">
<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>
<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>
<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Clrs = new Array(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';
var sClrs = new Array(5);
sClrs[0] = 'ffa500';
sClrs[1] = '55ff66';
sClrs[2] = 'AC9DFC';
sClrs[3] = 'fff000';
sClrs[4] = 'fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor = 'ffa000';
var Mtop = 250;
var Mleft = 250;
function Fireworks() {
if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else if (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++) {
var c = 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)
}
}
else if (document.layers) {
step = 5;
for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!
var templayer = "a"+j;
for (ai = 0; ai < Clrs.length; ai++) {
var c = 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++) {
var k = 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;
}
else if (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>
图片从下向上滚动
<div id=Demo style="OVERFLOW: hidden; WIDTH: 158px; COLOR: #ffffff; HEIGHT: 150px">
<table cellPadding=0 align=left border=0 cellspace="0">
<tr>
<td id=Demo1 vAlign=top>
<table cellSpacing=0 cellPadding=5 border=0>
<tr>
<td><A href="#" target=_blank><IMG src=" http://www.zsmoodle.com:81/file.php/6800/images/01.jpg " width=150 border=0></A></td>
</tr>
<tr>
<td><A href="#" target=_blank><IMG src=" http://www.zsmoodle.com:81/file.php/6800/images/02.jpg " width=150 border=0></A></td>
</tr>
<tr>
<td><A href="#" target=_blank><IMG src=" http://www.zsmoodle.com:81/file.php/6800/images/04.jpg " width=150 border=0></A></td>
</tr>
<tr>
<td><A href="#" target=_blank><IMG src=" http://www.zsmoodle.com:81/file.php/6800/images/05.jpg " width=150 border=0></A></td>
</tr>
<tr>
<td><A href="#" target=_blank><IMG src=" http://www.zsmoodle.com:81/file.php/6800/images/06.jpg " width=150 border=0></A></td>
</tr>
</table>
</td>
</tr>
<tr>
<td id=Demo2 vAlign=top></td>
</tr>
</table>
</div>
<SCRIPT>
var speed=15
Demo2.innerHTML=Demo1.innerHTML
function Marquee2(){
if(Demo2.offsetHeight-Demo.scrollTop<=0)
Demo.scrollTop -= Demo1.offsetHeight;
else{
Demo.scrollTop++;
}
}
var MyMar2=setInterval(Marquee2,speed)
Demo.onmouseover=function() {clearInterval(MyMar2)}
Demo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</SCRIPT>



图片向左滚动开始
<div id="jsweb8_cn_left" style="overflow:hidden;width:600px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="jsweb8_cn_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src=" http://www.zsmoodle.com:81/file.php/6800/images/01.jpg "></td>
<td><img src=" http://www.zsmoodle.com:81/file.php/6800/images/02.jpg "></td>
<td><img src=" http://www.zsmoodle.com:81/file.php/6800/images/04.jpg "></td>
<td><img src=" http://www.zsmoodle.com:81/file.php/6800/images/05.jpg "></td>
<td><img src=" http://www.zsmoodle.com:81/file.php/6800/images/06.jpg "></td>
</tr>
</table>
</td>
<td id="jsweb8_cn_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30
jsweb8_cn_left2.innerHTML=jsweb8_cn_left1.innerHTML
function Marquee3(){
if(jsweb8_cn_left2.offsetWidth-jsweb8_cn_left.scrollLeft<=0)
jsweb8_cn_left.scrollLeft-=jsweb8_cn_left1.offsetWidth
else{
jsweb8_cn_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
jsweb8_cn_left.onmouseover=function() {clearInterval(MyMar3)}
jsweb8_cn_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>

上下滚动不间断公告代码

<table align=center border="0" cellpadding="0" style="border-collapse: collapse">
<tr><td height=5></td></tr>
<tr><td>
<div id=design style="OVERFLOW: hidden; WIDTH: 180px; HEIGHT: 185px">
<div id=design1 style="OVERFLOW: hidden">
<TABLE cellSpacing=0 cellPadding=0 width=180 align=center border=0>

<tr>
<td align=left width="180" height="21">·<a class=b2 href="http://www.shqp365.com/info/2008/0416/info_416.html" title="青浦海湘缘酒楼" target="_blank" class="tag_title_link"><samp style="color:#FF0000;font-weight:bold;">青浦海湘缘酒楼</samp></a></td>
</tr>
<tr>
<td align=left width="180" height="21">·<a class=b2 href="http://www.shqp365.com/info/2008/0415/info_414.html" title="青浦盈港河鲜馆" target="_blank" class="tag_title_link"><samp style="color:#FF0000;font-weight:bold;">青浦盈港河鲜馆</samp></a></td>
</tr>
<tr>
<td align=left width="180" height="21">·<a class=b2 href="http://www.shqp365.com/info/2008/0415/info_413.html" title="上海宝莹电器有限公司" target="_blank" class="tag_title_link">上海宝莹电器有限公司</a></td>
</tr>
</table>
</div>
<div id=design2>
</div>
</div>
<script>
var speed=65
design2.innerHTML=design1.innerHTML
function Marquee2()
{
if(design2.offsetTop-design.scrollTop<=0)
design.scrollTop-=design1.offsetHeight
else
{
design.scrollTop++
}
}
var MyMar2=setInterval(Marquee2,speed)
design.onmouseover=function()
{
clearInterval(MyMar2)
}
design.onmouseout=function()
{
MyMar2=setInterval(Marquee2,speed)
}
</script>
<script language="javascript">
<!--
function showchargemenu(m1)
{
document.getElementById("test").innerHTML = m1.innerHTML;
}
//-->
</script>
</td>
</tr>
</table>


文字的漂浮效果
<marquee direction="up" scrollamount="5" scrolldelay="30" width="600" height="50" bgcolor="#3399FF">
<marquee behavior="alternate" height="50" direction="right" scrollamount="4" scrolldelay="30" width="100%">
<font color="#cc0033" size="4">文字漂浮效果</font></marquee><br><br><br>
<marquee behavior="alternate" height="50" direction="left" scrollamount="4" scrolldelay="30" width="100%">
<font color="#cc0022" size="4">文字漂浮效果</font></marquee><br><br><br>
</marquee>


文章推荐

人气排行

[ 简体中文 ] [ 简改蓝 ] 管理模式
时区: [ 北京.香港.台北 ]
Copyright ©2005 - 2008 www.emoodle.org
Processed in 0.220(s) Powered by Hutula 1.0

浙ICP备08007391号-1