清影斓韵

影听雨—清影斓韵-影听雨-影心雨--凯雨斯若-网易博客

日志

关于我

影听雨

文章分类

多样化综合代码

2008-01-10 07:30:55| 分类：博客代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

请将以下选项中任意一项代码,用鼠标复制到自己的自定义模块、或者写日志点击

→全部功能 →《》HTML进入模式里把复制代码粘贴,再点预览 ,最后点发表日

志,就会就见,效果了， 观看时请先关闭一个播放器：

1、朦胧图片：（蓝色字体是调整朦胧的效果，绿色字体是调整图片、动画大小）

欢迎走进百变小樱的时空中：高山下的情歌是这弯弯的河我的心在那河水里游蓝天下的相思是这弯弯的路我的梦都装在行囊中一切等待不在是等待我的一生就选择了你遇上你是我的缘守望你是我的歌亲爱的亲爱的亲爱的我爱你就象山里的雪莲花就象山里的雪莲花 .

代码：

<MARQUEE style="FILTER: glow(color=9933FF, strength=6)" scrollAmount=8 scrollDelay=100><FONT color=#ccff00 size=6>欢迎走进百变小樱的时空中：高山下的情歌是这弯弯的河我的心在那河水里游蓝天下的相思是这弯弯的路我的梦都装在行囊中一切等待不在是等待我的一生就选择了你遇上你是我的缘守望你是我的歌亲爱的亲爱的亲爱的我爱你就象山里的雪莲花就象山里的雪莲花 .</FONT></MARQUEE>
<TABLE style="FILTER: Alpha(opacity=100,style=3" height=459 width=600 background=http://img.blog.163.com/photo/1yrWjAurRoFc648kLzdHBQ==/3948812448274141549.jpg table>
<TBODY>
<TR>
<TD><FONT size=6>
<P></P></FONT>
<P></P></TD></TR></TBODY></TABLE></DIV>
<DIV> </DIV>

2.简单的朦胧代码：

<IMG src="http://www.18581.net/user/vip/webimg/2009827/2009827163511145.jpg" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

代码：

2、带图片、动画的播放器：（绿色网址可以更改为其它音乐的）

<

代码：

3、家庭影院

代码：

<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=http://xzm.2000y.net/userdir/35529480/uploadpic/20070918092116fd52.swf width=440 height=290 type=application/x-shockwave-flash

代码：

5、这里我介绍一款可放个人空间的文字聊天室。

点击观看效果： http://www101.say-on.com/webchat/share.html

新年快乐：

点此动画制作、软件下载

7、拉幕式效果：

h法：将原始代码在在线HTML编辑器里转化，复制在代码文章发布。

效果:

欢迎您光临

浩尔博园

代码：

<P style="TEXT-INDENT: 2em" align=left>
<table height=320 cellSpacing=0 cellPadding=0 width=400 align=center background=http://img66.ph.126.net/Cva0eM4PkVK5jN_DukGktg==/834010355994383261.jpg border=0>
    <tr>
      <td align=middle>
        <table cellSpacing=0 cellPadding=0 align=center border=0>
          <tr>
            <td align=middle>
<MARQUEE scrollAmount=3 direction=up width=400 height=160>
<MARQUEE scrollAmount=3 direction=down width=400 height=160>
              <table style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=blue, endColorstr=red)" height=160 cellSpacing=0 cellPadding=0 width=400 align=center border=0>
                <tr>
                  <td style="FILTER: chroma(color=#FF00FF)" vAlign=bottom align=middle>
<div style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff0000">
<P><FONT style="FONT-SIZE: 25pt; FONT-FAMILY: 华文新魏" color=#ff0000><B></B></FONT> </P>
                  <P><FONT style="FONT-SIZE: 25pt; FONT-FAMILY: 华文新魏" color=#ff0000><B>欢迎您光临</B></FONT> <BR><BR></P></div></td>
                </tr>
              </table>
            </MARQUEE></MARQUEE></td>
          </tr>
          <tr>
            <td>
<MARQUEE scrollAmount=3 direction=down width=400 height=160>
<MARQUEE scrollAmount=3 direction=up width=400 height=160>
              <table style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=red, endColorstr=blue)" height=160 cellSpacing=0 cellPadding=0 width=400 align=center border=0>
                <tr>
                  <td style="FILTER: chroma(color=#FF00FF)" vAlign=top align=middle>
<div style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff0000"><FONT style="FONT-SIZE: 25pt; FONT-FAMILY: 华文新魏" color=#ff0000><B>浩尔博园</B></FONT> <BR>
                  <P></P></div></td>
                </tr>
              </table>
            </MARQUEE></MARQUEE></td>
          </tr>
        </table>
      </td>
    </tr>
</>
</table>
</P>

欢迎光临我空间

祝大家开心快乐！

<P style="TEXT-INDENT: 2em"><SPAN style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"></P>
<TABLE style="WIDTH: 519px; HEIGHT: 400px" height=400 cellSpacing=0 borderColorDark=#634d7b cellPadding=1 width=519 align=center borderColorLight=#bda6d6 border=6>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center background=http://photo8.56.com/albums/userpics/datad/13/37/22105669%7C1337188822490d2611ee6f9.jpg border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=3 direction=up width=500 height=185>
<MARQUEE scrollAmount=3 direction=down width=500 height=185>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=blue, endColorstr=red)" height=185 cellSpacing=0 cellPadding=0 width=500 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)" vAlign=bottom align=middle>
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff"><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>欢迎光临我空间 </B></FONT><BR><BR></DIV></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE></TD></TR>
<TR>
<TD>
<MARQUEE scrollAmount=3 direction=down width=500 height=185>
<MARQUEE scrollAmount=3 direction=up width=500 height=185>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=red, endColorstr=YELLOW)" height=185 cellSpacing=0 cellPadding=0 width=500 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)" vAlign=top align=middle>
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>   祝大家开心快乐！</B></FONT></P></DIV></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P style="TEXT-INDENT: 2em"> </P></SPAN>

8、代码在线运行检测工具

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>代码在线运行检测</title>
</head>
<div align="center">
<p>代码在线运行检测工具</p>
<p>在下面的文本框上写上代码，按代码运行即可输出你想要的代码效果</p>
<textarea name="p" cols="50" rows="10" id="p" onFocus="this.select()"></textarea>
<br>
<input name="button" type=button onclick=runcode() value="代码运行">
<script>
function runcode()
{
code=p.value;
a=window.open()
a.opener=null
a.document.write(code)
a.document.close()
}
</script>
</div>
</BODY>
</HTML>
9、这一生回忆有你就足够

代码：

<P align=left>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-IMAGE: url(http://boxstr.com/files/4309954_rot3m/855965404177840489.gif)" vAlign=top>
<P align=left><STRONG><FONT color=#66ff00><FONT size=5></FONT></FONT></STRONG> </P>
<P align=left><STRONG><FONT color=#66ff00><FONT size=5>                      D  J  舞  曲</FONT></FONT></STRONG><STRONG><FONT color=#66ff00>                              </FONT></STRONG></P>
<DIV align=center>
<DIV style="FILTER: glow(color=#E4DC9B, strength=16); WIDTH: 756px; HEIGHT: 170px">
<H1 align=center><SPAN style="FONT-SIZE: 46px; COLOR: #e61abd; FONT-FAMILY: 华文行楷"><FONT color=#ff0000></FONT></SPAN> </H1>
<H1 align=left><SPAN style="FONT-SIZE: 43px; COLOR: #e61abd; FONT-FAMILY: 华文行楷"><FONT color=#ff0000> 这一生回忆有你就足够</FONT></SPAN></H1></DIV></DIV>
<DIV align=center><STRONG></STRONG> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<P align=left>       <IMG height=553 src="http://p5.images22.51img1.com/6000/h652592152/51915d0605bff639251c54e8d10a340a.gif" width=459>
</P><DIV align=center none? DISPLAY:> </DIV><STRONG><SPAN style="FONT-SIZE: 24pt; COLOR: red; FONT-FAMILY: 华文行楷; mso-hansi-font-family: Tahoma; mso-bidi-font-family: Tahoma">        
<P></P>
<P align=left> <A href="http://wj16888.814e.com/1616.html" target=_blank height="145"><IMG title=http://photo8.56.com/albums/userpics/datad/17/94/22105669%7C1794463169494f492177394.jpg style="WIDTH: 451px; HEIGHT: 354px" height=174 alt=http://photo8.56.com/albums/userpics/datad/17/94/22105669%7C1794463169494f492177394.jpg src="http://photo8.56.com/albums/userpics/dataf/17/99/22105669%7C17999008164956cf9c6ef0a.jpg" width=170 border=0 http: userpics albums photo8.56.com datad WC6gpT8NSViHw9jujfbINg="=/635851972390529213.jpg" photo img.blog.163.com></A> </P>
<P align=left> </P>
<P align=left></P>
<P align=left></P>
<P align=left><A href="http://photo8.56.com/albums/userpics/dataf/17/99/22105669%7C17999008164956cf9c6ef0a.jpg" target=_blank height="145"></A></P>
<P align=left><A href="http://wj16888.814e.com/merry%20christmas.html?stra=%u6E05%u5F71%u6447%u98CE" target=_blank height="145"></A>        </P>
<P align=left> <A href="http://wj16888.814e.com/festival%20happiness.html" target=_blank height="145"><IMG title=清影摇风 style="WIDTH: 419px; HEIGHT: 401px" height=174 alt=清影摇风 src="http://photo7.56.com/albums/userpics/datad/03/05/22105669%7C17759924394770b34fd7dc2.gif" width=170 border=0 - 清影摇风网页></A></P></SPAN></STRONG></TD></TR></TBODY></TABLE></P>
<P dir=ltr style="MARGIN-RIGHT: 0px" align=left> </P>
<P dir=ltr style="MARGIN-RIGHT: 0px" align=left>                 </P>
<P dir=ltr style="MARGIN-RIGHT: 0px" align=left> </P>
<P dir=ltr style="MARGIN-RIGHT: 0px" align=left>                                 <FONT color=#00ff00 size=5><STRONG>用鼠标点击梅花树：</STRONG></FONT></P>
<P style="TEXT-INDENT: 2em"><EMBED allowScriptAccess="never" allowNetworking="internal" style="WIDTH: 475px; HEIGHT: 378px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://qqswf.com/AS/sl11-2.swf width=475 height=378 type=application/x-shockwave-flash allowFullScreen="true" autostart="0" quality="high" wmode="transparent"></P>
<DIV align=center 2px? PADDING-LEFT: 2px; PADDING-RIGHT: 1px; BORDER-TOP-WIDTH:> </DIV>
<P><EMBED allowScriptAccess="never" allowNetworking="internal" style="WIDTH: 0px; HEIGHT: 0px" pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=http://img.zyr99.com/flash/UserUpLoadFileFloder/200812/200812151531302QO3NONT68.swf width=0 type=application/x-shockwave-flash allowFullScreen="true" wmode="transparent" > </P> 
<DIV></DIV>

宽幅flash作品的发表代码:

制作的FLASH可谓是“壮观”，这里所说的“壮观”是指文档的属性--尺寸的大小上。现在我们许多的作品尺寸远远超出系统默认的数值550*400 ，在发表时我们选择的是后台的FLASH编辑按钮进行插入发表，虽然在插入时也可以根据作品的大小数据在规定的表格内如实填，但不知道朋友们有没有发现作品宽度过大时，我们发表的作品总是右边部分显示不全。这样的情况主要是由于发表时是利用电脑系统自动生成的HTML语言进行的插入。出现这样的情况，我们通常采取的最简单的补救措施是运用改数据的方法把作品同比例的缩小，这样虽然是解决了燃眉之急但同时也让作品从视觉上失真。其二：做网站的朋友都知道网站空间的资源不是无穷的无偿的，它需要财力上的支撑。利用插入按钮插入动画，系统默认的HTML语言里有许多没有用的代码，这些代码不但浪费我们的资源也会影响到我们作品打开的速度。很多朋友也常抱怨作品打开太慢，其中也有这原因之一。

下面有一组代码有兴趣的朋友不防相互对比斟酌运用。

备料：

LEFT: -128px;定位网页整体的左右位置，数值越小越向左偏移，反之向右移动

WIDTH: 1000px 整体网页的展示宽度，用像素值来定义

POSITION: relative设定网页以相对本文档面显示

TOP: 10px 作品距顶部的距离，数据越小距顶部的距离越小，反之越大。

代码中红色字部分根据作品尺寸具实填

首页电视代码：

代码检测:在线代码检测

点击更多：

带播放器加文字	图片特效合成代码	文字贺卡制作代码	羽化代码大全
圣诞节代码

评论这张

转发至微博

阅读(1961)| 评论(10)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087075087082086065087087080095086085080067083080080065',
              blogTitle:'多样化综合代码',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em;\"  \><FONT face=\"宋体\" \><FONT size=\"4\" \><STRONG\><FONT color=\"#ff9900\" \>请将以下选项中任意一项代码,用鼠标复制到自己的</FONT\><FONT color=\"#ff9900\" \>自定义模块、或者写日志</FONT\></STRONG\></FONT\></FONT\><FONT face=\"宋体\" \><FONT size=\"4\" \><STRONG\><FONT color=\"#ff9900\" \>点击</FONT\></STRONG\></FONT\></FONT\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \><FONT face=\"宋体\" \><FONT size=\"4\" \><FONT color=\"#ff9900\" \><STRONG\>→</STRONG\></FONT\></FONT\></FONT\><A href=\"http://hai.kuotiako.blog.163.com/blog/getBlog.do?bid=_fks_OBGJROSOvNhhZjDgr2qLcTPJGGHf-bZg#\"  \><FONT face=\"宋体\" color=\"#ff00ff\" size=\"4\" \><STRONG\>全部功能</STRONG\></FONT\></A\><FONT face=\"宋体\" \><FONT size=\"4\" \><STRONG\><FONT color=\"#ff9900\" \>  →<FONT color=\"#ff00ff\" \>《》</FONT\>HTML进入模</FONT\><FONT color=\"#ff9900\" \>式里把复制代码粘贴,再点</FONT\></STRONG\></FONT\></FONT\></P\>',
              blogTag:'',
              blogUrl:'blog/static/23107662200801073055854',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1316839206783,
              publishTime:1199921455854,
              permalink:'blog/static/23107662200801073055854',
              commentCount:10,
              mainCommentCount:10,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'影听雨',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/23107662200801073055854">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

清影斓韵

导航

日志

多样化综合代码

历史上的今天

最近读者

热度

评论

页脚