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

笨笨

活到老,学到老,还有许多没学到

 
 
 

日志

 
 

【转载】代码的运用实例  

2015-01-28 18:40:05|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自千江月《代码的运用实例》
本文转载自秋水《代码的运用实例(和尚·原创)》
代码的运用实例

代码的运用实例(原创) - 和尚 - 和尚博客

1.文字的移动:

这个是移动代码

文字的移动代码:

<DIV align=center>
<MARQUEE scrollAmount=2 style="WIDTH: 480px; HEIGHT: 25px">
<DIV align=left><FONT face=幼圆 color=#00ffff size=4><STRONG>这个是移动代码</STRONG></FONT></DIV></MARQUEE></DIV>

2.图片的移动:(从右到左)

代码的运用实例(原创) - 和尚 - 和尚博客
 
图片的移动代码:
<DIV align=center>
<MARQUEE style="WIDTH: 580px; HEIGHT: 95px" scrollAmount=2><A href="
http://img.bimg.126.net/photo/P9TBqvLOX_h9HN6iUx5Ytg==/2269532737218444390.jpg" target=_blank><IMG style="WIDTH: 340px; HEIGHT: 95px" height=95 src="http://img.bimg.126.net/photo/P9TBqvLOX_h9HN6iUx5Ytg==/2269532737218444390.jpg" width=340></A></MARQUEE></DIV>
 
3.图片的移动:(从左到右)
代码的运用实例(原创) - 和尚 - 和尚博客
 
图片的移动代码:
<DIV align=center>
<MARQUEE style="WIDTH: 580px; HEIGHT: 95px" scrollAmount=2 direction=right><A href="
http://img.bimg.126.net/photo/P9TBqvLOX_h9HN6iUx5Ytg==/2269532737218444390.jpg" target=_blank><IMG style="FILTER: fliph; CURSOR: hand WIDTH: 340px; HEIGHT: 95px" height=95 src="http://img.bimg.126.net/photo/P9TBqvLOX_h9HN6iUx5Ytg==/2269532737218444390.jpg" width=340></A></MARQUEE></DIV>
 
4.字体的变色:
字体的变色

 

字体的变色代码:

<TABLE align=center background=http://img.bimg.126.net/photo/wVqpywzTqiuVgNxHim6A6w==/5145925524224702941.jpg border=2>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 50pt" face=隶书 color=#336699><B>字体的变色</B></FONT></TD></TR></TBODY></TABLE>

5.字体的变色滚动1:

变色滚动文字代码
变色滚动文字代码
变色滚动文字代码

 

字体的变色滚动1 代码:

<CENTER>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=ooff66,strength:1  Add=0,freq=4,LightStrength=4,Phase=50,Strength=4); WIDTH: 580px; COLOR: #ffff00; LINE-HEIGHT: 22pt; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=90 direction=up loop=infinite height=180><FONT face=黑体 size=6><B>变色滚文字动代码<BR>变色滚文字动代码<BR>变色滚文字动代码 </B></FONT></B></MARQUEE></CENTER>

6.字体的变色滚动2:

变色滚动文字代码
变色滚动文字代码
变色滚动文字代码

 

字体的变色滚动2代码:

<CENTER>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=ooff66,strength:1  Add=0,freq=4,LightStrength=4,Phase=50,Strength=4); WIDTH: 580px; COLOR: #00FF7F; LINE-HEIGHT: 22pt; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=90 direction=down loop=infinite height=180><FONT face=黑体 size=6><B>变色滚文字动代码<BR>变色滚文字动代码<BR>变色滚文字动代码 </B></FONT></B></MARQUEE></CENTER> 

7.文字的上下合并:

文字的上下合并
文字的上下合并

文字上下合并的代码:

<P align=center>
<CENTER>
<MARQUEE direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#7FFF00 face=华文彩云 size=7><B>文字的上下合并</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#00FFFF face=华文彩云 size=7><B>文字的上下合并</FONT></CENTER></B></MARQUEE></CENTER></CENTER> 

8.图片的左右对开:

代码的运用实例(原创) - 和尚 - 和尚博客 代码的运用实例(原创) - 和尚 - 和尚博客
 
图片的左右对开的代码:
<CENTER>
<MARQUEE scrollAmount=1 scrollDelay=60 width=180><IMG style="CURSOR: hand" height=95 src="
http://img.bimg.126.net/photo/P9TBqvLOX_h9HN6iUx5Ytg==/2269532737218444390.jpg" width=340 border=0></MARQUEE>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=180><IMG style="FILTER: fliph; CURSOR: hand" height=95 src="
http://img.bimg.126.net/photo/P9TBqvLOX_h9HN6iUx5Ytg==/2269532737218444390.jpg" width=340 border=0></MARQUEE></CENTER>
 
9.图片的边缘雾化:

代码的运用实例(原创) - 和尚 - 和尚博客

图片边缘雾化的代码:

<P align=center>
<TABLE style="WIDTH: 420px; HEIGHT: 520px" height=520 cellPadding=0 width=420 align=center background=http://img.bimg.126.net/photo/Azpjgzhdq2pzM-lvoQ83IA==/3951064248087967674.jpg border=5>
<TBODY>
<TR>
<TD>
<P align=center>
<IMG style="FILTER: Alpha(opacity=150,style=2)" height=260 src="
http://img612.photo.163.com/nv7inncdR4dpMPqGtWcGSw==/1704330983983153247.jpg" width=340 border=0 height=260 HEIGHT: 340px; WIDTH:></A>
</TD></TR></TBODY></TABLE></P>

10.图片的整幅雾化:

代码的运用实例(原创) - 和尚 - 和尚博客

图片整幅雾化的代码:

<P align=center>
<TABLE style="WIDTH: 420px; HEIGHT: 520px" height=520 cellPadding=0 width=420 align=center background=http://img.bimg.126.net/photo/Azpjgzhdq2pzM-lvoQ83IA==/3951064248087967674.jpg border=5>
<TBODY>
<TR>
<TD>
<P align=center>
<IMG style="FILTER: Alpha(Opacity=40)" height=260 src="
http://img612.photo.163.com/nv7inncdR4dpMPqGtWcGSw==/1704330983983153247.jpg" width=340 border=0 height=260 HEIGHT: 340px; WIDTH:></A>
</TD></TR></TBODY></TABLE></P>

11.文字走走停停:

无论世事如何变迁
 让真情常在
无论工作如何繁忙
 让联络常在
无论留言还是短信
 让问候常在
无论天涯还是咫尺
 让祝福常在

文字走走停停的代码:

<CENTER>
<MARQUEE scrollAmount=1 behavior=alternate width=400>
<MARQUEE style="LINE-HEIGHT: 110%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=370><FONT style="FONT-SIZE: 20pt; FILTER: WIDTH: 100%; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ffa07a><B>无论世事如何变迁<BR> 让真情常在<BR>无论工作如何繁忙<BR> 让联络常在<BR>无论留言还是短信<BR> 让问候常在<BR>无论天涯还是咫尺<BR> 让祝福常在</B> </FONT></FONT></FONT></MARQUEE></MARQUEE></CENTER>

12.图片走走停停:

代码的运用实例(原创) - 和尚 - 和尚博客

 

图片走走停停的代码:

<CENTER>
<MARQUEE scrollAmount=2 behavior=alternate width=500><MARQUEE scrollAmount=2 width=480>
<IMG src="
http://img.blog.163.com/photo/Qg9G11k5iCQnywDCkaPueg==/3679440895562260875.jpg">
</MARQUEE></MARQUEE></CENTER>

 

 13,图片 水波倒影:

代码的运用实例(和尚·原创) - 秋水 - 秋水人家

代码的运用实例(和尚·原创) - 秋水 - 秋水人家

 图片水波倒影代码:

<P align=center><IMG src="图片地址" width=391></A> <BR><IMG id=reflection  style="FILTER: wave(strength=9,freq=12,phase=8,lightstrength=8) blur() flipv()"  src="图片地址" width=391> </P>

“strength=9”水波幅度,改变数值改变大小。

“freq=12”水波数量,自己设置!

编后话:

  我提供的代码都是现成的代码,朋友在运用时还可以灵活应用,多种搭配,根据自己的实际调整移动的速度,方向和图片的大小等;你要研究每一组代码所有的含义,再自己搭配出符合你意思的形态来,那你的博客一定会装扮的多姿多彩!

编写:和尚

2009年2月26日

  评论这张
 
阅读(142)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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