注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

东方红100的BLOG

welcome!来了就是朋友http://dfh100.blog.163.com

 
 
 

日志

 
 

实用博客代码

2006-09-29 01:52:54|  分类: 电脑知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
1.光晕效果文字代码
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>
-------------------
2.滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>
----------------------
4.涂鸦版
这个涂鸦板,就是版面设计不好,代码是:
<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash.haoniub.com/flash_data/fe_f/6633.swf width=400 height=300 type=application/x-shockwave-flash quality="high">
----------------------
5.发光效果
<FONT style="COLOR: #FF0033; FILTER: glow(color=blue); FONT-FAMILY: 宋体; FONT-SIZE: 30pt; WIDTH: 100%"><B>要输入的文字</B></FONT>
--------------------
6.模糊效果
<FONT color=#FF0033 style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">要输入的文字</FONT>
----------------------
7.在新浪BLOG里加入挂件
1*固定位置挂件的源代码:
<DIV style="RIGHT: 10px; ; TOP: 100px"><IMG src="图片地址" border=0></A></DIV>
说明:以上为右挂件代码,更换RIGHT(右)为LEFT(左),则为左挂件代码
2*(挂件)随滚动条上下移动的源代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: +eval(document.body.clientWidth)-1020); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-600); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
代码说明:
(document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远
(document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远
------------------------
8.制作默林老人代码
以下代码的文字可自行修改,动作也可以自行修改,
例如--默林老人文件里的动作代码:“宣布” 改为 “变魔术1”就是:
Merlin.Play("Announce"); ---修改成---> Merlin.Play("DoMagic1");
就是这么简单,其他都不用改,只改("XXX")里面的动作代码!大家慢慢试试看吧! 如何配合得好就看你咯打造个性化的空间老人!动作代码:
Merlin.MoveTo(200,200); >飞到坐标(200,200)
Merlin.Show(); >显示
Merlin.Hide(); >隐藏
RestPose >复位
Merlin.Stop() >停止
Acknowledge >点头
Surprised >惊讶
GestureUp >手势
Pleased >满足
Alert >警告
Announce >宣布
Blink >眨眼
Confused >困惑
Congratulate >恭喜1
Congratulate_2 >恭喜2
Decline >拒绝
DoMagic1 >变魔术1
DoMagic2 >变魔术2
DontRecognize >没听清
Explain >说明
GetAttention >敲一下
GetAttentionContinued >不停敲
GetAttentionReturn >不敲了
Greet >问候
Hearing_1 >听1
Hearing_2 >听2
Hearing_3 >听3
Hearing_4 >听4
Idle1_1 >1-1
Idle1_2 >1-2
Idle1_3 >1-3
Idle1_4 >1-4
Idle2_1 >2-1
Idle2_2 >2-2
Idle3_1 >3-1
Idle3_2 >3-2
LookDown >俯视
LookDownBlink >俯视眨眼
LookDownReturn >俯视眨眼返回
MoveUp >上移
MoveDown >下移
MoveLeft >左移
MoveRight >右移
Process >熬汤
Processing >熬汤
Read >读
ReadReturn >不读了
Reading >正在读
ReadContinued >不停读
Sad >悲哀
Search >查找
Searching >正在查找
StartListening >听
StopListening >捂耳朵
Suggest >暗示
Uncertain >想飞
Wave >挥手
Write >写东西
WriteContinued >不停写
WriteReturn >不写了
fly >想
使用方法:
1.新建一个TXT文档。
2.将代码保存 。
3.将TXT文档传到网上或者网络U盘上。
4.得到TXT文档地址。
5.运用以下代码:
<div src=";iframe src=http://默林文本的连接地址 width=0 height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>'" style=display:none></div>
首先点控制面板,再点建立新模块,勾选源代码,然后把以上代码写在“空白面板中”这一栏里,其他的可以全部不填。
考虑到部分博友没有上传地方(可以申请一个雅虎公文包,把你的文件上传到里面,必须要选择成共享此文件夹,在代码里才能调用,或者申请一个个人主页空间,为你提供一个地址:[url]www.ik8.com[/url]传到里面也可以调用),你也可以直接调用以下代码(效果演示),适合所有的人:
<div src=";iframe src=http://www.qqjia.com/learn/q-zone/Merlin.txt width=0 height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>'" style=display:none></div>
--------------------
9.以图片为背景发表文章
制作方法如下:
1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,否则文章做一半又得去找图,多烦!)
2. 勾选“显示源代码”---至关重要!
3. 在编辑栏内添加下列代码:
<table width="450" border="0">
<tr>
<td height="562" background="
http://album.sina.com.cn/pic/48506b8a020001ix"></td>
</tr>
</table>
4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端);
5. 写文章与没有图片一样,完了点击“发表文章”就行了。
6. 把红色部分换成你的图片地址就可以了。450和562换成你图片的大小。
---------------------
10.在片里移动的文字.
<DIV></DIV>:
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=http://blog.sina.com.cn/pic/45b5c4dd020000wv>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>要输入的文字 </B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
--------------------
11.滚动字幕代码
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77 >怎么样能够
<BR>把全世界的女人都变成你
<BR>那么真好
<BR>那么真糟
<BR>如果说如果
<BR>这个世界上根本没有你
<BR>那么
<BR>把你的影子缩小成零点零一厘米
<BR>移植在我的心底
<BR>那么
<BR>我一声迟到了三千六百五十天的叹息
<BR>忽然幻化成清越神妙的风笛
<BR>偷偷地告诉我
<BR>爱
<BR>应该找另外一个字代替
<BR>你</MARQUEE>
怎么样让滚动的文字让它成彩色?首先点发表文章,(如果是让它显示在面板里就点控制面板,定制我的首页,点添加模块,创建自定义空白面板)下面的部分都一样了勾选源代码——切记,很重要,出现<DIV></DIV>,然后把以上代码粘贴到<DIV></DIV>后,然后去掉显示源代码前的对号,出现了文字,对吧,双击(一定要双击)出现的文字,出现一个像虚线那样的框,把我所有的文字都删除,写上你想滚动的文字。然后运用上面的word编辑文字的字体,颜色啊上面的就可以了。想让它在多大的范围内滚动只需要拖动那个框的边就可以了。
--------------------
12.改变新浪博客图.
<STYLE type=text/css>
body
{background:url(页面背景图片) repeat
scroll!important;}
.logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}
.banner
{background:url(题图大图) no
repeat no scroll!mportant;}
.menu{
background:url("题图下的菜单图片") no-
repeat center;}
.feeds .up{
background:url("正文标题栏上翻时的图片") no-
repeat center;}
.feeds .down{
background:url("正文标题栏下翻时的图片") no-
repeat center;}
.feeds .function{background:url("正文摘要结尾处菜单的图片") no-
repeat right;}
.links .up{
background:url("面板标题栏上翻时图片");}
.links .down{
background:url(面板标题栏下翻时的图片);}
.links .mid{
background:url(面板的背景图片);}
.photo .mid{
background:url(形象照片处的背景图片);}
.label .mid{
background:url(自定义面板的背景图片);}
.calendar .mid{
background:url("日历面板背景");}
.callboard .up{
background:url("公告栏标题栏上翻时图片");}
.callboard .down{
background:url("公告栏标题栏下翻时图片");}
.callboard .mid{
background:url("公告栏背景图片");}
.bodyBg{
background:url("正文背景图片");}
.bodyBottom{
background:url("正文背景图片");}
gbook .up{
background:url('留言板标题栏上翻时的图片') no-repeat;
}
.gbook .down{
background:url('留言板标题栏下翻时的图片') no-repeat;
}
.feeds .page{
background:url("正文文章页数图片") no-repeat center;
}</STYLE>

 

 

一些滚动图片与字幕的添加问题

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。 
    格式: 
    <MARQUEE ALIGN="…" 
    BEHAVIOR="…" 
    BGCOLOR="…" 
    DIRECTION="…" 
    HEIGHT="…" 
    WIDTH="…" 
    HSPACE="…" 
    VSPACE="…" 
    LOOP="…" 
    SCROLLAMOUNT="…" 
    SCROLLDELAY="…" 
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
    >… 
    </MARQUEE> 
   
    属性: 
    ALIGN:用于按设定的值对齐滚动的文本。ALIGN可以设定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此属性不是必须使用的。 
    例: 
    <MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE> 
   
   
    BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。如果设定为ALTERNATE,则文本从一边移动到另一边。如果设定为SCROLL,文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有:SILIDE,ALTERNATE,SCROLL。 
    例: 
    <MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE> 
   
   
    BGCOLOR:用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。 
    例: 
    <MARQUEE BGCOLOR="RED">用颜色名称设定滚动文字背景颜色为红色</MARQUEE> 
    <MARQUEE BGCOLOR="#FF0000">用16进制值设定滚动文字背景颜色为红色</MARQUEE> 
    <MARQUEE BGCOLOR=RGB(100%,0%,0%)>用RGB设定滚动文字背景颜色为红色</MARQUEE> 
      
    DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。 
    例: 
    <MARQUEE DIRECTION="LEFT">文字向左边滚动</MARQUEE> 
    <MARQUEE DIRECTION="RIGHT">文字向右边滚动</MARQUEE> 
   
HEIGHT:用于设定滚动字幕的高度,高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
    例: 
    <MARQUEE HEIGHT="10%">滚动字幕的高度是可视页面的10%</MARQUEE> 
    <MARQUEE HEIGHT="12">滚动字幕的高度是12像素</MARQUEE> 
      
    WIDTH:用于设定字幕的宽度,宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
    例: 
    <MARQUEE WIDTH="90%">滚动字幕的宽度是可视页面的90%</MARQUEE> 
    <MARQUEE WIDTH="200">滚动字幕的宽度是200像素</MARQUEE> 
      
    HSPACE:用于设定滚动字幕左右的空白空间,空白空间用像素表示。此属性不是必须使用的。 
    例: 
    <MARQUEE HSPACE="15">滚动字幕左右空白空间为15个像素</MARQUEE> 
     
    VSPACE:用于设定滚动字幕上下的空白空间,空白空间用像素表示。此属性不是必须使用的。 
    例: 
    <MARQUEE VSPACE="2">滚动字幕上下的空白空间为2个像素</MARQUEE> 
     
    LOOP:用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚动。此属性不是必须使用的。 
    例: 
    <MARQUEE LOOP="-1">文字滚动无数次</MARQUEE> 
    <MARQUEE LOOP="5">文字滚动5次</MARQUEE> 
   
    SCROLLAMOUNT:用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。此属性不是必须使用的。 
    例: 
    <MARQUEE SCROLLAMOUNT="10">此文本后面的间隔为10个像素</MARQUEE> 
      
    SCROLLDELAY:用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。此属性不是必须使用的。 
    例: 
    <MARQUEE SCROLLDELAY="5">此文本两次滚动之间的间隔时间为5毫秒</MARQUEE>

ONMOUSEOUT=this.start() :用来设置鼠标移出该区域时继续滚动
ONMOUSEOVER=this.stop():用来设置鼠标移入该区域时停止滚动


-------------------------------------------------------------

 

<TABLE height=393 cellSpacing=0 cellPadding=0 width=524 align=center bgColor=#d1f6db border=0><FONT size=4><FONT color=#990033></FONT></FONT>
<TBODY>
<TR><FONT size=4><FONT color=#990033></FONT></FONT>
<TD style="BORDER-RIGHT: 2px solid; PADDING-RIGHT: 1px; BORDER-TOP: 2px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: 2px solid; LINE-HEIGHT: 20px; PADDING-TOP: 1px; BORDER-BOTTOM: 2px solid" borderColor=#99ccff bgColor=#000000 colSpan=2 height=393>
<P style="MARGIN-TOP: -5px; MARGIN-BOTTOM: -5px; LINE-HEIGHT: 100%">
<MARQUEE scrollDelay=100 direction=up height=393><IMG src="http://sc.chinadownz.com/UploadFiles/200506/DPic/20050601091756252.jpg"> <IMG src="http://sc.chinadownz.com/UploadFiles/200506/DPic/20050601091756538.jpg"> <IMG src="http://sc.chinadownz.com/UploadFiles/200506/DPic/20050601091756304.jpg"> <IMG src="http://sc.chinadownz.com/UploadFiles/200506/DPic/20050601091756318.jpg"> <IMG src="http://sc.chinadownz.com/UploadFiles/200506/DPic/20050601091756503.jpg"> <IMG src="http://sc.chinadownz.com/UploadFiles/200506/DPic/20050601091756827.jpg"> <IMG src="http://sc.chinadownz.com/UploadFiles/200506/DPic/20050601091756521.jpg"></MARQUEE></P><PRE style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"></FONT></PRE></TD></TR></TBODY></TABLE>


------------------------------------------------------------


基本语法
<marquee> ... </marquee>


文字移动属性的设置

方向

<direction=#> #=left, right <marquee direction=left>从右向左移!</marquee>

方式

<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>

 

循环

<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走

 

3 趟</marquee>

<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>

 

速度

<scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>


延时

<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!

</marquee>



外观(Layout)设置

对齐方式(Align)

<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>

 

底色

<bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>


面积

<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>

 

空白

(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>

 

<marquee direction=up>我在向上走!</marquee>
<marquee direction=down>我又下向走了</marquee>


 

补充一个无缝连接的循环滚动

<html>
<head>
</head>
<body>
<TD WIDTH=390 HEIGHT=99><MARQUEE  scrollAmount=4 scrollDelay=0 loop=1 width=390 height=99>
            <SCRIPT language=JavaScript>
   for(t=1;t<=1000;t++)
   document.write("11111111111112222222222222222233333333333333")
         
</SCRIPT>
             </MARQUEE></TD>
</body>
</html>


 

另一种实现无缝连接循环滚动得方法

<div style=overflow:hidden;height:100px width:100px>
<div href="#" target="_blank"><img src="
http://www.5dmedia.com/bbs/icon/nudeangel.gif"

width="80" height="80"

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif"

width="80" height="80"

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif"

width="80" height="80"

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif"

width="80" height="80"

border="0"></a>

<a href="#" target="_blank">nudeangel_2</a>

<a href="#" target="_blank">nudeangel_3</a>

<a href="#" target="_blank">nudeangel_4</a>

<a href="#" target="_blank">nudeangel_5</a>

<a href="#" target="_blank">inudeangel_6</a>

<a href="#" target="_blank">nudeangel_7</a>

</div>
<div t=demo.scrollTop
demo2.innerHTML=demo1.innerHTML
function nudeangelMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
var repeat=setInterval(nudeangelMarquee,50);
demo.onmouseover=function() {clearInterval(repeat);}
demo.onmouseout=function() {repeat=setInterval(nudeangelMarquee,50);}

-----------------------------------------------------------

 

<marquee><bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>


 

最简单的图片移动特效———图片水平向左循环移动
:<marquee>
<img src="http://unibbs.unibbs.com/images/upphoto/647253.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647264.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647269.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647247.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/648164.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648169.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648177.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648182.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648186.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648189.gif">
</marquee>

  评论这张
 
阅读(778)| 评论(2)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017