- 校内网代码 - 校内网涂鸦板 - 新浪博客代码 - 51博客代码 - 博客代码 - QQ空间代码 - 博客互踩 - 设为首页 加为收藏

热门搜索：　校内网代码 - 校内网涂鸦板 - 51博客代码 - 博客代码 - QQ空间代码 本站 百度 您现在的位置： 博客代码-校内css代码 >> 博客代码 >> 网易博客代码 >> 文章正文 网易博客代码(四)(图片类) 月 | 博客123！ 作者：博客123    文章来源：网络    点击数：    更新时间：2007-3-20   友情提醒:如果您所在的博客对代码做了字符过滤(限制),请对代码稍做修改.如5Q校内网 一、插入背景图片 www.bokedm.com版权所有 <TABLE align=center background="背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD> 内容，文字或图片..... </TD></TR></TBODY></TABLE> 博客非主流.非主流博客www.bokedm.com <TABLE> 的参数设定（常用）： 本站网址:www.bokedm.com <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2"> 美化博客就去www.bokedm.com 本站网址:www.bokedm.com 注解： 专业博客美化www.bokedm.com www.bokedm.com版权所有 本站网址:www.bokedm.com width="400" 表格宽度，接受绝对值（如 80）及相对值（如 80%）。 border="1" 表格边框的厚度，不同浏览器有不同的内定值，故请指明。 cellspacing="2" 表格格线的厚度 align="CENTER" 表格的摆放位置（水平），可选值为： left, right, center valign="TOP". 表格里内容的对齐方式（垂直），可选值为： top, middle, bottom。 background="myweb.gif" 表格的背景图片，与 bgcolor 不要同用。 bgcolor="#0000FF" 表格的底色，与 background 不要同用 bordercolor="#CF0000" 表格边框颜色 bordercolorlight="#00FF00" 表格边框向光部分的颜色 bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。 cols="2" 博客非主流.非主流博客www.bokedm.com 表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。 本文出自:www.bokedm.com 美化博客就去www.bokedm.com 二、在网站上放图片: www.bokedm.com版权所有 <img src="地址"; width="480" height="360"> www.bokedm.com版权所有 专业博客美化www.bokedm.com 图片居中代码： 美化博客请提供博客代码bokedm.com <DIV align=center>代码</DIV> 美化博客就去www.bokedm.com 博客代码网.你的博客代码专家www.bokedm.com 说明： 美化博客就去www.bokedm.com 将其中的center换为left或者right即为居左或居右 美化博客就去www.bokedm.com 博客代码网一切代码免费www.bokedm.com 三、图片链接移动代码: 博客非主流.非主流博客www.bokedm.com 例1： 本站网址:www.bokedm.com <marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="第一个连接网址" target="_blank"><img src="第一张图片地址" width="200" border="0" /></a></div><div align="center"><a href=第二个连接网址 target="_blank"><img src="第二张图片地址" width="200" border="0" /></a></div></marquee> 美化博客就去www.bokedm.com 本文出自:www.bokedm.com 例2： 博客代码网一切代码免费www.bokedm.com <marquee direction=left width=宽度> <img src="你的图片地址"> <img src="你的图片地址"> <img src="你的图片地址"> <img src="你的图片地址"> </marquee> www.bokedm.com版权所有 博客代码网一切代码免费www.bokedm.com 例3： 博客代码网一切代码免费www.bokedm.com <marquee width=100% behavior=alternate><img src="你的图片"></marquee> 本站网址:www.bokedm.com 博客非主流.非主流博客www.bokedm.com 本站网址:www.bokedm.com 说明： 本站网址:www.bokedm.com 以次类推，可以加很多张图片，注意要加在最后一个</marquee>前面，就不会丢失移动效果。 美化博客就去www.bokedm.com www.bokedm.com版权所有 四、图片的滤镜效果 博客代码网一切代码免费www.bokedm.com 1.透明效果:(两种都可) <img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)"> 博客代码网一切代码免费www.bokedm.com 博客代码网.你的博客代码专家www.bokedm.com <div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div> 本站网址:www.bokedm.com 美化博客就去www.bokedm.com 注解： 美化博客请提供博客代码bokedm.com 涉及到的属性:修改数值对应即可 opacity:开始处的透明度 finishOpacity:结束处的透明度 style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明 博客代码网.你的博客代码专家www.bokedm.com 博客代码网.你的博客代码专家www.bokedm.com 专业博客美化www.bokedm.com 博客代码网一切代码免费www.bokedm.com 本文出自:www.bokedm.com 博客代码网.你的博客代码专家www.bokedm.com 美化博客就去www.bokedm.com 2.翻转效果: (1)左右翻转格式: 专业博客美化www.bokedm.com <img src="图片地址" style="filter:FlipH"> 专业博客美化www.bokedm.com 博客代码网一切代码免费www.bokedm.com <div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div> 博客代码网.你的博客代码专家www.bokedm.com 本站网址:www.bokedm.com (2)上下翻转格式: www.bokedm.com版权所有 <img src="图片地址" style="filter:FlipV"> 本站网址:www.bokedm.com www.bokedm.com版权所有 <div style="filter:FlipV ;width:宽;height:高"><img src="图片地址"></div> 博客代码网一切代码免费www.bokedm.com 美化博客就去www.bokedm.com 3.变调效果 (1)灰调格式: 博客非主流.非主流博客www.bokedm.com <img src="图片地址" style="filter:Gray"> 美化博客请提供博客代码bokedm.com 本站网址:www.bokedm.com <div style="filter:Gray ;width:宽;height:高"><img src="图片地址"></div> 博客代码网一切代码免费www.bokedm.com 博客代码网.你的博客代码专家www.bokedm.com (2)X光效果: 博客代码网一切代码免费www.bokedm.com <img src="图片地址" style="filter:Xray"> 美化博客请提供博客代码bokedm.com 本站网址:www.bokedm.com <div style="filter:Xray ;width:宽;height:高"><img src="图片地址"></div> 博客代码网.你的博客代码专家www.bokedm.com 美化博客请提供博客代码bokedm.com (3)色彩对换: 博客代码网.你的博客代码专家www.bokedm.com <img src="图片地址" style="filter:Invert"> 博客代码网一切代码免费www.bokedm.com 本文出自:www.bokedm.com <div style="filter:Invert ;width:宽;height:高"><img src="图片地址"></div> 专业博客美化www.bokedm.com 本站网址:www.bokedm.com 美化博客请提供博客代码bokedm.com 4.边框效果: 美化博客就去www.bokedm.com (1)发光边框： 美化博客请提供博客代码bokedm.com <div style="filter:Glow(color=#4A7AC9,strength=15);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div> 美化博客请提供博客代码bokedm.com 本文出自:www.bokedm.com 说明： www.bokedm.com版权所有 (color为发光颜色代码,strength是发光强度,滤镜宽=图宽 发光强度x2，滤镜高=图高 发光强度x2 10) www.bokedm.com版权所有 美化博客就去www.bokedm.com (2)投影边框: 本文出自:www.bokedm.com <div style="filter:Shadow(color=#4A7AC9,direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div> 本文出自:www.bokedm.com www.bokedm.com版权所有 说明： 美化博客请提供博客代码bokedm.com (color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽 25) 濾鏡高=图高40) 美化博客就去www.bokedm.com 美化博客就去www.bokedm.com (3)阴影边框: 本文出自:www.bokedm.com <div style="filter:Dropshadow(color=#333333,offX=5,offY=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div> 博客代码网一切代码免费www.bokedm.com 博客代码网一切代码免费www.bokedm.com 说明： 博客非主流.非主流博客www.bokedm.com (color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽 水平位移绝对值 10,滤镜高=图高 垂直位移绝对值 20) 美化博客请提供博客代码bokedm.com www.bokedm.com版权所有

(4)模糊: 博客非主流.非主流博客www.bokedm.com

<div style="filter:Blur(direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div> 本文出自:www.bokedm.com

博客代码网一切代码免费www.bokedm.com

说明： 本文出自:www.bokedm.com

(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽 15,濾鏡高=图高 30) 博客非主流.非主流博客www.bokedm.com

本站网址:www.bokedm.com

(5)波形: 本文出自:www.bokedm.com

<div style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div> 博客代码网一切代码免费www.bokedm.com

博客代码网一切代码免费www.bokedm.com

说明：

(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽 振幅强度x2，滤镜高=图高 振幅强度x2 10) 博客代码网.你的博客代码专家www.bokedm.com

博客代码网.你的博客代码专家www.bokedm.com

本站网址:www.bokedm.com

五、CSS滤镜实现图片特效（模糊倒影 雾化 多层FLASH特效 百叶窗）

1.图片静态倒影代码

博客非主流.非主流博客www.bokedm.com

本站网址:www.bokedm.com

博客代码网.你的博客代码专家www.bokedm.com

2.给图片加多层FLASH特效代码

美化博客请提供博客代码bokedm.com

<P align=center> <TABLE height=表格高度 cellSpacing=0 cellPadding=0 width=宽度 background=图片地址 border=0> <TBODY> <TR> <TD><EMBED align=right src=第一个FLASH地址 width=宽 height=高 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=第二个地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;>.......以此类推</EMBED></TD></TR></TBODY></TABLE></P> www.bokedm.com版权所有

博客代码网一切代码免费www.bokedm.com

说明： 博客代码网.你的博客代码专家www.bokedm.com

修改代码中的汉字为自己想要的。 美化博客请提供博客代码bokedm.com

博客非主流.非主流博客www.bokedm.com

3.图片雾化效果

< TD>

专业博客美化www.bokedm.com

美化博客就去www.bokedm.com

www.bokedm.com版权所有

4.图片百叶窗特效 博客非主流.非主流博客www.bokedm.com

"></MARQUEE></TD></TR></TBODY></TABLE>博客非主流.非主流博客www.bokedm.com

<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> www.bokedm.com版权所有 <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="第四个图片地址

博客代码网.你的博客代码专家www.bokedm.com

说明：

修改代码中的汉字为自己想要的。调整scrollDelay=100 可以调整滑动速度 美化博客就去www.bokedm.com

博客非主流.非主流博客www.bokedm.com

博客代码网一切代码免费www.bokedm.com

最新文章 博客赚钱新渠道【注册群视】 27 赚取Q币的秘密【精】 2556 如何在QQ空间添加flash 9754 空间工具---使用很方便地 3677 关于腾讯短信服务接入号的升级公 10 QQ会员等级升级加速(QQ升级我最快 59 [官方发布]QQ拼音输入法1.0 Beta 5 QQ宠物玩嘉年华，捡乐扣贝-【博客 10 猪猪玫瑰园，寻找知心宝贝-【博客 29 可爱童声版（简单爱）：QQ空间音 106

热门文章 网易博客代码(一)(文字类) 月 |  643 网易博客代码(显IP地址) 啊杨 |  354 网易博客代码(二)(flash类) 月 | 759 网易博客代码(立体图片) 天际 |  727 网易博客代码(颜色代码) 天际 |  383 网易博客代码(二十八)(读书MM) 淡 211 比较常用的“网易博客代码” ≡秦 467 引用 引用 网易博客代码 大河 |  226 转载的文章， 很有用——《网易博 228 引用 网易博客代码(二十八)(读书 121

推荐文章 博客赚钱新渠道【注册群视】 27 赚取Q币的秘密【精】 2556 如何在QQ空间添加flash 9754 空间工具---使用很方便地 3677 校内网代码--bookee123.com推荐超 9720 100%的自我校内网涂鸦版成品代码 7511 校内网代码-校内网涂鸦代码 --【 9091 校内网代码-魔兽世界校内网代码 1071 校内网代码-校内网成品涂鸦代码之 5993 校内网代码-HEOLL KITTY校内网代 6850

没有任何图片文章