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

格林浪人 博客

一杯清茶常伴着我的孤寂,抚慰着一颗沉思的心!

 
 
 

日志

 
 

基本代码常识  

2010-07-11 18:47:43|  分类: 代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

一、基本代码

  

1、贴图片:mg src="图片地址">    

 

2、贴带链接的图片:<a href="链接地址" target=_blank><img src="图片地址" width="100" height="80" border="0"></a>

 

说明:1)可根据自己的需要重复使用以上代码,从而增加图片或链接的数目,图片之间若想要间隔可使用多个空格代码&nbsp;来实现;

2)图片的大小可改变width="宽度" height="高度"的数值来调节。

  

二、图片在首页和日志里的使用

 

一)图片在日志里使用可以直接复制、粘贴。

 

二)图片在首页使用时的代码:

 

<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 361px; HEIGHT: 288px" height=300 src="图片地址" width=400>

 

三)以图片为背景发表文章时使用的代码

 

1、一般图片: <center><table width="600" border="0"><tr><td height="500" background="图片地址"></td></tr></table>

 

2、flash图片:<P><EMBED        pluginspage=http://www.macromedia.com/go/getflashplayer     

src=图片地址width=460 height=600 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></P>

 

四)在日志边框里发表文章:

 

将日志边框复制到博客的编辑器后,即处于可编辑状态,这种专用于日志写作的《背景边框图片》就不用代码了。

  

三、多图片左右方向滚动

 

1、<MARQUEE direction=right scrollAmount=2 scrollDelay=80

width=570 height=610>

<IMG src="图片地址1" border=0>&nbsp;

<IMG src="图片地址2" border=0>&nbsp;

<IMG src="图片地址3" border=0>&nbsp;

<IMG src="图片地址4" border=0>&nbsp;

<IMG src="图片地址5" border=0> &nbsp;

<IMG src="图片地址6" border=0>&nbsp;

<IMG src="图片地址7" border=0>&nbsp;

<IMG src="图片地址8" border=0>&nbsp;

<IMG src="图片地址9" border=0>&nbsp;

<IMG src="图片地址10" border=0>

</MARQUEE>

 

2、<DIV style=" WIDTH: 100%">

<MARQUEE direction=left scrollAmount=2 scrollDelay=30 direction=left

width="100%" height="128"><A> 

<IMG height=128 src="图片地址1" width=128 border=0></A><A>

<IMG height=128 src="图片地址2" width=128 border=0></A><A>

<IMG height=128 src="图片地址3" width=128 border=0></A><A> 

<IMG height=128 src="图片地址4" width=128 border=0></A>

</MARQUEE></DIV>

 

总说明:direction=up 这是图片的滚动方向,有两个方向right 从左到右,left 从右到左。

  

四、多图片上下方向滚动

 <marquee direction=up height=200

scrollamount=1 scrolldelay=90 width="100%">

<P align=center>

<img border=0 src="图片地址1"><br>

<img border=0 src="图片地址2"><br>

<img border=0 src="图片地址3"><br>

<img border=0 src="图片地址4"><br>

<img border=0 src="图片地址5"><br>

<img border=0 src="图片地址6"><br>

<img border=0 src="图片地址7"><br>

<img border=0 src="图片地址8"><br>

<img border=0 src="图片地址9"><br>

<img border=0 src="图片地址10">

</marquee>

 

说明:1、图片要求宽180为宜。

2、direction=up 这是图片的滚动方向,有两个方向:down是从上到下,up是从下到上。

 

 

五、多图片多方向跳跃滚动

 

<TABLE style="WIDTH: 380px; HEIGHT: 600px" borderColor=#ff0e01 width=380 align=center background=背景图片地址 border=2><TBODY><TR><TD>   

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=600>   

<MARQUEE scrollAmount=3 behavior=alternate width=380>

<IMG src="会跳跃的小图片1">

<FONTface=幼圆color=#FF1493 size=60><B><FONT face=幼圆_GB2312 color=#00ffff>谢谢您的欣赏</FONT>

<IMG src="会跳跃的小图片2"></B></MARQUEE></MARQUEE></TD></TR></TABLE>

  

六、在背景图片中插入文字或图片

 1、<TABLE align=center background="背景图片地址" border=2 cellPadding=200 cellSpacing=0 borderColor=#ffff00 width="80%"><TBODY><TR><TD>直接插入的文字或透明图片等

</TD></TR></TBODY></TABLE>

 

2、<table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="背景图片地址"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">直接插入的文字或图片</font></td></tr></table>

  

七、在背景图片中插入flash(透明)动画

 

<DIV></DIV>

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY><TR><TD background=背景图片>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=450>

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer

src=flash动画网址 width="100%"

type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>

</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

  

八、在动态图片中插入文字

 

<DIV><TABLE height=240 width=400 align=center background=动态图片地址border=0><TBODY><TR>

<TD style="FONT-SIZE: 24pt" vAlign=center><P style="FONT-SIZE: 24pt; COLOR: #00ff00" align=center>&nbsp;<SPAN style="COLOR: #ffff00"><SPAN style="FONT-FAMILY: 黑体">插入的文字</SPAN></SPAN></P></TD></TR></TBODY></TABLE></DIV>

 

说明: 动态图片地址,支持GIF 格式

 

 九、插入flash动画(音画)

 

1、<p align="center"><embed src=动画地址 quality="high"  width="300" height="440"  wmode="transparent"></embed>

 

2、<p align="center"><embed src="动画地址" width="450" height="280" type="application/x-shockwave-flash"/></p><p> <p>

 

3、<EMBED style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center"

src=动画地址(音画)width=400 height=300  type=application/x-shockwave-flash loop="0" autostart="0"></EMBED>

 

提供部分flash动画地址:

 

http://imgfree.21cn.com/free/flash/191.swf  

http://imgfree.21cn.com/free/flash/192.swf  

http://imgfree.21cn.com/free/flash/193.swf  

http://imgfree.21cn.com/free/flash/195.swf  

http://imgfree.21cn.com/free/flash/196.swf  

http://imgfree.21cn.com/free/flash/197.swf  

http://bbs.klmy.net/UploadFile/2006-3/200632915381699985.swf

http://wz.2000y.net/uploadpic/2006052014155814961.swf

http://flash.bdchina.com/flash/flash/ztwja14278.swf

  

十、在边框图片中插入照片或动画

 

<table borderColor=#cd5c5c height=500 width=500 align=center border=3><tr><td background=边框图片地址><P align=center><FONT color=red size=6><B>

<IMG style="WIDTH: 362px; HEIGHT: 362px" height=362 src="照片或FLASH地址"width=362 border=0></B></FONT></P></td></tr></table>

 

 十一、图片百叶窗动画

 

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>

<TBODY><TR>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="第一个图片地址"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="第二个图片地址"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="第三个图片地址"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="第四个图片地址"></MARQUEE></TD></TR></TBODY></TABLE>

 

说明:

修改代码中的汉字为自己想要的。调整scrollDelay=100 可以调整滑动速度。

格林浪人祝您浏览愉快!

  评论这张
 
阅读(454)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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