网易BLOG新手教程2~（代码篇） - 君莫悲

更多代码请连接网易BLOG新手教程1（代码篇）：

http://www.blog.163.com/0ffx0/blog/static/48308220068295352656/

菜鸟级教程，教你怎么用代码，添加FLASH时钟和日历：

http://blog.163.com/0ffx0/blog/static/48308220069111195139/

新手教程，一步一步教你做BLOG：

http://www.blog.163.com/0ffx0/blog/static/483082200692104130744/

1.有一些朋友问我的点击播放的视频是怎么做的，我现在就来说说，其他的都大同小异，大家自己做吧！

我是用优酷网上的视频：http://www.yoqoo.com/ 选好视频后在网页的右边会看到如下图所示，

点击复制红圈内的代码，如：<object width="450" height="372"><param value="transparent" /><param value="http://www.yoqoo.com/embed/emb/fid/0100643AA244FDA9D3CE27000205E69AABF6E3-16AA-0771-C052-BC21D65C31C5/sid/84365"></param><embed src="http://www.yoqoo.com/embed/emb/fid/0100643AA244FDA9D3CE27000205E69AABF6E3-16AA-0771-C052-BC21D65C31C5/sid/84365" wmode="transparent" type="application/x-shockwave-flash" width="450" height="372"></embed></object>

因为下面的内容有代码会被网易过滤所以作成图了！

2.今天又找到了一个制作个性名片的代码：

加QQ在线交谈按钮: 点QQ个人设置-右下角<生成在线状态> 进去填写好资料后生成网页代码然后全复制过来.

QQ状态生成页面：http://is.qq.com/webpresence/code.shtml

然后把网易自带的名片隐藏.

3.来回滚动的代码：（自认为没多大用处）
　让一篇文章或是图片来回滚动，加上如下代码，宽和高根据你的需要改动：<MARQUEE behavior=alternate scrollAmount=5 style="HEIGHT: 164px; WIDTH: 500px" width="90%">内容</MARQUEE>

“scrollAmount=5”这个是速度，“style="HEIGHT: 164px; WIDTH: 500px”这个是高和宽！

4.分享几个FLASH：

http://www.55fly.com/sucai/flash/images/7/01.swf 蓝色蝴蝶

在首页添加FLASH的话用自定义HTMT就可以了，在日志中加FLASH就用以下代码：
<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">

将红色字换成FLASH地址就行了！

5.再分享一些时钟：

6.智能天气预报Flash：

1-浅色系

2-深色系 -
<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherb.swf" width="180" height="200" type="application/x-shockwave-flash"></embed>
</center>

3-红色系
<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherc.swf?awstyle=red" width="180" height="200" type="application/x-shockwave-flash"></embed>
</center>

4-绿色系
<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherc.swf?awstyle=green" width="180" height="200" type="application/x-shockwave-flash"></embed>
</center>

5-蓝色系
<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherc.swf?awstyle=blue" width="180" height="200" type="application/x-shockwave-flash"></embed>
</center>

6-白色系
<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherc.swf" width="180" height="200" type="application/x-shockwave-flash"></embed>
</center>

7.滚动字幕制作大全

1.建立第一个滚动字幕。代码：
<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>


2.各参数详解：
a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

3.实例：
a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。
　　代码如：
<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>
　　

c)交替效果。
　　代码如：
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
　　

d)多行文本向上滚动。
　　代码如：
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊！<br>·空气好清新啊<br>·今朝食乜好呢？<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>


·注意：如果你的网页经过了FrontPage编辑，保存之后，只能滚动一行，这时候你发现你原来的代码顺序已经变了，My god！解决的办法是，找出原来的代码，把它嵌入到JavaScript的document.write中即可，上述代码写为：
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊！<br>·空气好清新啊<br>·今朝食乜好呢？<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>')</script>

e)改变滚动字幕的颜色？可以用样式表来控制。
　　代码如：
<marquee scrollAmount=2 width=300><a style=color:CC6600>我钟意网页树树！</a></marquee>。
　　其中 CC6600 是控制颜色的。

由上可以看出，HTML代码是可以随意组合的，功能强大！

     8.图片来回走代码:（以下代码适用较小的图片，才能看到全部效果）
<marquee behavior="alternate"
direction="150" height="200"
width="60%" scrollamount="2"
scrolldelay="0"><marquee behavior="alternate"
scrollamount="3"><img src=图片地址>
</marquee></marquee>

     几张图片一起来回走：
<marquee behavior="alternate"
direction="150" height="200"
width="60%" scrollamount="2"
scrolldelay="0"><marquee behavior="alternate"
scrollamount="3"><img src=图片地址><img src=图片地址><img src=图片地址>……
</marquee></marquee>

其中这个是高和宽：direction="150" height="200"