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

雾树芦花的博客

 
 
 

日志

 
 

简单的贴图代码,可以试着做  

2012-02-10 12:49:03|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、单纯的一张图片
<P align=center><IMG src=图片地址></P>

二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=背景图片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=flash地址 width=宽度 height=高度 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P></TD></TR></TBODY></TABLE>

三、加框用两层FLASH的图片

<P align=center><TABLE height=高度 cellSpacing=0 cellPadding=0 width=宽度 background=背景图片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED align=right src=flash地址 width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=[swf] width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>

三、两个FLASH上下排列的图片:
<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=背景图片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=flash地址 width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=[swf] width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>

四、下上移动的图片们:

<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1">
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
</MARQUEE></center>

五、左右移动的图片们:(要有个背景哟)

<CENTER><MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%"><CENTER><TABLE cellSpacing=0 width=400 background=图片地址 border=0 cellpading="0"><TBODY><TR><TD><P align=center><IMG src="图片地址"></P><P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

六:图片雾化效果:

<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=图片地址 border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=图片地址 height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=flash地址 width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>

七:图片倒影效果:

<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="图片地址"></P></FONT></FONT>

八:图片向左右相反的方向移动的效果:

<MARQUEE width=200 height=50><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>

纯代码实现的分割线-

提到分割线,大家习惯使用长条形图片,或者用小图片作为平镨背景来实现。:
这样当然可以随心所欲地达到要求,但图片文件毕竟需要找空间上传,也多少会拖慢下载速度。
其实简单的“hr”语句同样能够实现多样化的分割效果,试举例如下:

最基本的:

<hr width=300 size=1 color=#00ffff align=center noshade>


其中 width 规定线条的长度,还可以是百分比;color 是颜色,size 当然就是厚度了。
align 规定线条位置,left、right、center。
noshade 是否有立体效果。


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

两头渐变透明:

<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">




 

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

右边渐变透明:

<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">




 


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


画虚线:

<hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff">


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

画双线:

<hr width=80% size=3 color=#00ffff style="border:3 double green">




 

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


钢针效果(^_^):

<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)">




 

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


纺棰形:

<hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)">


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




 

以上所有效果并不是孤立的,它们可以相互组合,从而产生新的效果。

<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">

进入下页欣赏的代码。

<A href="http:// 。。。。。。 .htm" target=_blank><FONT size=6><STRONG>点击欣赏</STRONG></FONT></A>

加入背景音乐代码:

1.<EMBED src=[.wma] hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>

所用元素:<EMBED></EMBED>
参数:
src:音乐文件的URL;
hidden:=true为不可见,=false反之;
type:指定音频类型;
LOOP:是否循环播放,注意其值置于小角双引号中;
AUTOSTART:是否自动播放,其值同上。

2.贴mp3的语法:
<embed src="mp3绝对地址" type="audio/x-pn-realaudio-plugin" controls="ControlPanel,StatusBar" height=40 width=320 autostart="true" loop="true"

3.贴FLASH音乐的正确格式是:
<embed src="FLASH绝对地址"quality=high width=465" height=350">

4.贴wma、asx文件:
<EMBED src="http://www.zhulintingyu.com/non-cgi/usr/32/32_3494_3.asx" width=380 height=45 type="audio/x-pn-realaudio-<br>plugin"loop="true"autostart="true"controls="ControlPanel,StatusBar">

5.贴RM文件:
<EMBED src="绝对地址" width=465 height=350 console="huayue" loop="true" autostart="true" controls="imagewindow">

6 宽度与高度 width="宽度" height="高度"

7、隐藏播放器的方法是:点html,去掉对勾,然后在帖最后粘贴代码:

<EMBED src=mp3地址 hidden=true type=audio/mpeg autostart="true" loop="true">

 


  评论这张
 
阅读(115)| 评论(1)

历史上的今天

评论

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

页脚

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