生物百花园社区【论坛事务区】【万花筒】 → 给网页添加图片的代码


  共有9308人关注过本帖树形打印

主题:给网页添加图片的代码

帅哥哟,离线,有人找我吗?
hyichun1997
  1楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:园主 贴子:3424 积分:46943 威望:20 精华:144 注册:2006/2/20 13:17:21
给网页添加图片的代码  发贴心情 Post By:2011/2/13 9:29:37  

<img style="WIDTH: 160px; HEIGHT: 183px" src=http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8260e3.gif width="160" border="0" />

 

图片点击可在新窗口打开查看

 

个人档案加图片

<img height="260" src="图片地址" width="180" border="0" />

height为图片的高度,width为图片的宽度,,高度根据你图片的高度写即可,宽度一般设180。

图片加链接的代码:

<A href="链接地址" target=_blank><img src="http://img44.bimg.126.net/photo/4GRWjlngnEH0jH9GiHuPjw==/2851904464032934103.jpg" width=100 height=100 border=0></A>

target=_blank表示链接在新窗口中打开,图片的宽width和高height的具体数值可以根据自己的实际需要进行设定

图片置顶代码:

<div style="LEFT: 32px; POSITION: absolute; TOP: 32px" align="left"><img src="图片地址" /><div>

里面TOP和LEFT可自己调整。

在博客首页上加图片代码:

<div align="center"><img src=图片地址 ></div>

首页个性娃娃图片代码:

<div style="RIGHT: 10px; POSITION: absolute; TOP: 400px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><img src="图片地址" style="FILTER: Alpha(Opacity=80,style=3)" border="0" /></td></tr></tbody></table></div>

点点放大图片代码:

<a href="大图片地址" target="_blank"><img src="还是大图片地址" width="50" height="50">点击放大</a>

模糊图片推荐代码:

<img style="FILTER: Alpha(Opacity=100,style=2)" src=“图片地址" width="430" height="200" />

<img style="FILTER: Alpha(Opacity=100,style=3)" src="图片地址" width="430" height="200" />

<img style="FILTER: Gray" height="200" src="图片地址" width="430" />

 在图片中直接书写代码:

<div align="center"><div style="PADDING-RIGHT:0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址);FONT: 12px/25px verdana; WIDTH: 490px; PADDING-TOP:14px; HEIGHT: 268px"><br /><div align="left"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px;FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT:228px"></div></div><br /></div></div>

在编写日志时,右下角有个切换到代码视图,选钩即可,然后把上面代码粘贴进去(注意:图片地址任选填入,代码放入后要切回普通视图,然后在图片中双击即可编辑文字,大小自己调适)。

 图片柔化效果代码:

<img src="图片地址" style="filter:Alpha(opacity=60,finishOpacity=0,style=0)">

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div>

opacity开始处的透明度,finishOpacity结束处的透明度,style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明。

图片滤镜效果代码:

<IMG src="图片地址" style="FILTER: alpha(opacity=40)" border=0>

opacity=40是表示图片的透明度,值越小越透明;border=0表示图片外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。

图片反色效果代码:

<IMG src="图片地址" style="FILTER: invert()" border=0>

图片浮雕效果代码:

<IMG src="图片地址" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>

图片扭曲效果代码:

<IMG src="图片地址" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>

freq=3表示扭曲尺度,strength=3表示扭曲强度

图片虚线边框效果代码:

<IMG src="图片地址" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>

border-width:2表示边框宽度,数值可改

图片透明效果代码:

<IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

style=2表示模糊类型

图片水中倒影代码:

<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

图片背景代码:

<div style="RIGHT: 890px; POSITION: absolute; TOP: 30px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><div align="center"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 105px; PADDING-TOP: 14px; HEIGHT: 3500px"><div align="left"></div></div></div></td></tr></tbody></table></div><div style="RIGHT: 0px; POSITION: absolute; TOP: 30px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><div align="center"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 104px; PADDING-TOP: 14px; HEIGHT: 3500px"><div align="left"></div></div></div></td></tr></tbody></table></div>

代码中蓝色部分换成你喜欢的背景图片地址即可,对图片大小无要求,因为是代码自动拉长拉宽的。

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8228fd.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c821d55.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8236a6.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c823e7f.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8243cc.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c824ca3.gif

博客中支持两种格式的动画.一种是FLASHF动画(以SWF为后缀的动画格式).另一种是GIF动画.(以GIF为后缀的动画格式)

以下介绍的是如何加入FLASH(SWF)格式的动画.代码如下:

<p align="center"><embed src="http://media.163888.net/virtualdir2/2006/06/04/21/Flash/44091972929687.swf" width="450" height="280" type="application/x-shockwave-flash" /> </p>

    代码说明:

http://media.163888.net/virtualdir2/2006/06/04/21/Flash/44091972929687.swf"    红色部分是加入动画的地址. 可以替换.你可以看到地址最后面.swf;这是FLASH播放文件.只有这样的文件才可以加入到当前这个代码中.

"width=400, height=300"      蓝色的数字是动画的宽与高. 改变数值大小可以调整动画的大小.

只要把上面这个代码复制到你的日志里,找到你喜欢的动画地址,替换红色部分即可.记得一定是SWF文件才行.这种文件网上有很多.

不要忘记,在复制代码之前,先在日志文本框右下角的&quot;切换到代码视图&quot;小方框里打上对钩.</p>  

二、打开网页时,一个女孩子用无比甜美的声音对您说“欢迎光临”,代码如下:

<BGSOUND balance=0 src="http://www.prcen.com/Share/media/welcome.WAV" volume=0> 


 

 


钟祥一中 课堂实录教学视频 精品课件 教学实录
支持(0中立(0反对(0回到顶部
WAP版【生物百花园】 | RSS2.0 | Xhtml无图版 | Xslt无图版
Copyright ©2000 - 2095 生物百花园
www.biobox.cn
Powered By Dvbbs Version 8.3.0 | Design:生物百花园