锁骨牛乳:引用 【代码应用】图片相关代码

来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 01:56:12
2010-12-13 07:15:23|  分类:博客代码 |  标签: |字号大中小
引用
静中有动 的【代码应用】图片相关代码
【代码应用】 图片相关代码
素材:网络
静中有动的博客
 
编辑:本博
一、基本代码
1、贴图片:mg src="图片地址">
2、贴带链接的图片:
说明:1)可根据自己的需要重复使用以上代码,从而增加图片或链接的数目,图片之间若想要间隔可使用多个空格代码 来实现;
2)图片的大小可改变width="宽度" height="高度"的数值来调节。
二、图片在首页和日志里的使用
一)图片在日志里使用可以直接复制、粘贴。
二)图片在首页使用时的代码:

三)以图片为背景发表文章时使用的代码
1、一般图片:

2、flash图片:

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


四)在日志边框里发表文章:
将日志边框复制到博客的编辑器后,即处于可编辑状态,这种专用于日志写作的《背景边框图片》就不用代码了。
三、多图片左右方向滚动
1、width=570 height=610>
 
 
 
 
 
 
 
 
 


2、

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





总说明:direction=up 这是图片的滚动方向,有两个方向right 从左到右,left 从右到左。
四、多图片上下方向滚动
scrollamount=1 scrolldelay=90 width="100%">





















说明:1、图片要求宽180为宜。
2、direction=up 这是图片的滚动方向,有两个方向:down是从上到下,up是从下到上。
五、多图片多方向跳跃滚动




谢谢您的欣赏

六、在背景图片中插入文字或图片
1、
直接插入的文字或透明图片等

2、

直接插入的文字或图片


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





src=flash动画网址 width="100%"
type=application/x-shockwave-flash wmode="transparent" quality="high">

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

 插入的文字


说明: 动态图片地址,支持GIF 格式
九、插入flash动画(音画)
1、


2、


3、src=动画地址(音画)width=400 height=300  type=application/x-shockwave-flash loop="0" autostart="0">
提供部分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
十、在边框图片中插入照片或动画



十一、图片百叶窗动画










说明:
修改代码中的汉字为自己想要的。调整scrollDelay=100 可以调整滑动速度。
十二、一般式链接的代码
一)一个图片的地址链接:


二)多个图片的地址链接:



  
  
  


十三、移动式链接的代码
一)一个图片的地址链接:

二)多个图片的地址链接:








说明:
1)width="100%" height="128" 这是模块整体的宽和高,在网易博客中宽度就设定为100%不用变,可以跟据你模块摆放的位置自适应。高度可以跟据你需要进行调整。图片链接后面都有一个width=128是这张图片的宽度,需要跟据自己的图片大小进行调整的;
2) 可以根据自己的需要重复使用以上代码,从而增加链接的数目,图片之间间隔可用空格代码 来调整;
2)scrollAmount=3是移动速度;
3)direction=left 这是图片的滚动方向,可以有四个方向,分别是right从左到右,left从右到左, down是从上到下,up是从下到上;
十四、幻灯式链接的代码

说明: 1)width="180" height="200" 是幻灯片的尺寸,可以自行调节;
2)bgcolor="#fdd248" 是背景颜色,textheight=20 是文字区域高度,可以自行调节;
3)图片是你上传到网上的网络地址;
4)文章是你要链接的日志或网页地址;
5)题目是显示在幻灯片每页下部的名字。
十五、在图片两边加带文字的链接


链接名称


说明:1)可根据自己的需要重复使用以上代码,从而增加链接的数目。两个链接之间可使用代码
来换行;
2)图片的大小可改变width="宽度" height="高度"的数值来调节。
3)hspace=是图片与链接文字之间的距离,align=left将left换成right则变为在图片左边加带文字的链接。
 
静中有动的休闲屋