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

小桥潺潺

何处秋窗无雨声?那堪风雨助凄凉!,...

 
 
 

日志

 
 

引用 博客图片特效代码大全  

2008-07-11 00:40:32|  分类: 图片镜框及代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

muwenju2008博客图片特效代码大全

博客图片特效代码大全

插入图片

【1】插入图片

<img src="http://图片地址" border="0" width="344" height="255">

  代码中的图片地址就是网上以 .jpg .bmp .gif 结尾的网址,在网页的图片上点右键查看“属性”就可以看到地址和尺寸,“width”是宽度,“height”是高度。

如何给滚动图片加超链接?

用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现边框。例子如:

<a href="http://www.pzyxlt.cn"><img src=http://www.pzyxlt.cn/attachments/sy_1xvSH4a6BIDr.gif border="0" width="148" height="72"></a>

【2】插入左右滚动图片

<MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img src="第一张图片地址"><img src="第二张图片地址"></MARQUEE>

代码含义补充说明:

1.图片尺寸为原始大小

2. scrollAmount 它表示速度,值越大速度越快。

3. width 是滚动区域的宽度,height 滚动区域的高度。

4. 加入onmouseover=stop() onmouseout=start()代码,鼠标指向循环文字图片时他们会停止滚动,鼠标离开时继续滚动。

5.如何给滚动图片加超链接?

用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现边框。4个图片带连接,在新窗口中打开中秋节贺卡的例子如:

<MARQUEE width=200 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0620.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0620.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0621.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0621.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0622.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0622.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0623.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0623.gif" border="0"></a></MARQUEE>

<TABLE height=450 cellSpacing=10 cellPadding=10 width=600 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

 

 

 

图片添加文字

原代码如下:

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>

帖子的文章加图片

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

常用的参数设定及注解:

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

width="400"

表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border="10"

表格边框的厚度。

cellspacing="2"

表格格线的厚度

cellPadding=5 表格格线内厚度

align="CENTER"

表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign="TOP".

表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。   

background="背景图片网址"

表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"

表格的底色,与 background 不要同用

bordercolor="#CF0000"

表格边框颜色

bordercolorlight="#00FF00"

表格边框向光部分的颜色

bordercolordark="#00FFFF"

表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

图片移动

在代码<DIV></DIV>间插入如下代码:

<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160

height=270 o;nmouseover="this.stop()" o;nmouseout="this.start()"><IMG height=270

src="图片地址" width=160 border=0><IMG height=270

src="图片地址" width=160 border=0><IMG height=270

src="图片地址" width=160 border=0><IMG height=270

src="图片地址" width=160 border=0></A></MARQUEE>

代码中可以修改的地方

direction=right 是移动的方向  

  上:up      

  下:down     

  左:right   

  右:left  

<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160 height=270 o;nmouseover="this.stop()" o;nmouseout="this.start()"><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003q" width=160 border=0><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003s" width=160 border=0><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003r" width=160 border=0><IMG height=270 src="http://blog.sina.com.cn/pic/3d09ff700200003t" width=160 border=0></A></MARQUEE>

6 把以上红色链接地址换成自己的图片地址即可。

7 代码中可以修改的地方

direction=right 是移动的方向

  上:up     

  下:down   

  左:right   

  右:left

  scrollamount=5 是向下移动速度,可以调整,一般设置在1---15的范围内比较好

图片插入图片加字

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>

<TABLE align=center background="小图片地址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>

文字

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

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

图片插入图片连接

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD><a href=图片连接地址><IMG height=30 src="图片地址"

         width=90 border=0></A>

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

图片插入文字连接

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD><a href=文字连接地址>

文字说明

</a>

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

图片插入图片加滚动字

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>

<TABLE align=center background="小图片地址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>

<marquee scrollAmount=2 width=150 behavior=alternate>文字</marquee>

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

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

一、图片在文字左边

1、实例

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉! 传说在很久以前,凶禽猛兽很多,四处伤害人和牲畜,人们就组织起来去打它们, 有一只神鸟困为迷路而降落人间,却意外的被不知情的猎人给射死了。天帝知道后十分震怒,立即传旨,下令让天兵于正月十五日到人间放火,把人间的人畜财产通通烧死。 天帝的女儿心地善良,不忍心看百姓无辜受难,就冒着生命的危险,偷偷驾着祥云来到人间,把这个消息告诉了人们。众人听说了这个消息,有如头上响了一个焦雷。吓得不知如何是好,过了好久,才有个老人家想出个法子,他说:「在正月十四、十五、十六日这三天,每户人家都在家里张灯结彩、点响爆竹、 燃放烟火。这样一来,天帝就会以为人们都被烧死了」。

2、代码

<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>

二、图片在文字右边

1、实例          社会主义引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

2、代码

<P><IMG height=201 src="图片连接地址" width=154 align=right border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

 

 

 

文章的背景图片代码设置

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

操作步骤与方法        进入博客,依次点击---发表文章---文章发表框左下的“代码”-

--输入如下代码---文章发表框左下的“设计”[此时背景图片已显示

在文章框里,虽然不那么宽,但能写下长文章,图片会随着文章的

延长而延长。]---输入文章并写好标题---最后点击“发表”---OK!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

文章背景图片代码<TABLE cellSpacing=8 borderColorDark=#374d37 cellPadding=2

width=500 borderColorLight=#86ae86

background=http://abc/abc/abcabcabcabc000000000000000.jpg

border=0>

<TBODY>

<TR>

<TD width="90%"></TD></TR></TBODY></TABLE>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

注意事项1、代码中的“http://abc/abc/abcabcabcabc000000000000000.jpg ”要

换成你自己的图片地址。

2、如果一时找不到合适的图片,那就用我制作的背景图片吧。[下

列全部能用,但都不是大图片。]

黄皮

http://photo1.hexun.com/p/2006/0410/16299/m_2C9A0C027D28D67E.jpg

蓝01

http://photo1.hexun.com/p/2006/0410/16299/m_72133490290C62A5.jpg

蓝02

http://photo1.hexun.com/p/2006/0410/16299/m_4166FEFCF818A637.jpg

蓝03

http://photo1.hexun.com/p/2006/0410/16299/m_D715684C4334E889.jpg

蓝白

http://photo1.hexun.com/p/2006/0410/16299/m_D669F77AF584CB1C.jpg

蓝绿

http://photo1.hexun.com/p/2006/0410/16299/m_F8DD920B8F6C55E1.jpg

绿白

http://photo1.hexun.com/p/2006/0410/16299/m_DEA36AF76447F629.jpg

亮黄

http://photo1.hexun.com/p/2006/0410/16299/m_BF361B623DDB67FC.jpg

偏黄

http://photo1.hexun.com/p/2006/0410/16299/m_CBBA2D8076D7C0D6.jpg

黄花

http://photo1.hexun.com/p/2006/0410/16299/m_C3A7D860EB8403CA.jpg

彩黄

http://photo1.hexun.com/p/2006/0410/16299/m_7F37201CF9DCA097.jpg

彩白

  

http://photo1.hexun.com/p/2006/0410/16299/m_24DD720E9BBCE675.jpg

红心

http://photo1.hexun.com/p/2006/0410/16299/m_3DF165E5735592B5.jpg

图片向上滚动代码设置

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

具体操作如下:

进入博客----管理----简介或公告----输入以下代码

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!<marquee direction=up height=200 scrollamount=1 scrolldelay=90

      width="100%"> <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">

      <br>

  </marquee>

注意事项

1、其中的“图片1”“图片2”……“图片10”分别是你 图片的地址,要用你的图片地址来粘帖。

2、图片要求宽180为宜。

3、效果比博客自带的图片显示要好玩得多。

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

 

 

 

多图片左右滚动代码设置

   在前面的文章里,我介绍了和讯博客侧

边栏多图片向上滚动的代码设置,今天再给

大家介绍和讯博客侧边栏多图片左右滚动

的代码设置。

一、多图片左右滚动代码

<MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width=180 height=

240><IMG height=240 src="图片网址1"

width=180 border=0> <IMG height=240

src="图片网址2" width=180 border=0>

<IMG height=240 src="图片网址3"

width=180 border=0> <IMG height=240

src="图片网址4" width=180 border=0>

<IMG height=240 src="图片网址5"

width=180 border=0>

<IMG height=240 src="图片网址6"

width=180 border=0> <IMG height=240

src="图片网址7" width=180 border=0>

<IMG height=240

src="图片网址8" width=180 border=0>

<IMG height=240 src="图片网址9"

width=180 border=0> <IMG height=240

src="图片网址10" width=180 border=0>

</MARQUEE>

二、操作步骤与方法

1进入博客----2管理----3简介或公告----

4输入以上代码

三、注意事项1、代码中的“图片1”“图片2”……“图片10”

分别是你的图片地址,要用你的图片地址来粘帖。

2、所有图片的大小要保持一致,可用看图器 [如 ACDSee]进行修改或剪裁。图片一般要求宽[width]为180、高[height]为240。当然也可根据实际需要更改。

3、此代码设置为10幅图片左右滚动,如果你想增减图片,就增减代码中的 <IMG height=240

src="图片网址1" width=180 border=0> 就行。

增加的部分要放在代码最后的 </MARQUEE>前面。

图片上飘动文字的代码

<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=500>

<P align=center><FONT color=red size=6><B>五峰铺人欢迎您</B></FONT></P></MARQUEE></MARQUEE></TD></TR>

</TBODY></TABLE>

代码说明与注意事项

1、width为浮动文字框架的宽度;height为浮动文字框

架的高度;color=red表示文字颜色为红色。

2、把代码中的“图片地址”更换为自己的图片地址。

[图片地址是以 http:// 开头,以 jpg  结尾]

3、把代码中的“五峰铺人欢迎您”更换成你想

飘动的文字。

图片水中倒影效果代码设置

操作步骤与方法

依次点击

1打开博客---2发表文章---3文章框下面的代码

---4输入如下代码---

5文章框的设计[如果设置无误,此时图片就会显示出来]

---6输入标题再按发表---OK

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

<P><IMG src="http://www.pzyxlt.cn/attachments/yx1_37ox9OAhTpsa.gif" width="200" height="150"><BR>

<IMG id="reflection" src="http://www.pzyxlt.cn/attachments/yx1_37ox9OAhTpsa.gif" style="filter:wave

(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150">

</P>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

注意事项

1、代码中两处的

“http://www.pzyxlt.cn/attachments/yx1_37ox9OAhTpsa.gif”要

换成你的图片地址。

2、代码中的“width”、“ height”分别是图片的宽和高,可

根据图片的大小进行改写。

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

 

用线条图装饰文章

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

这些线条图是用来装饰文章的。当在文章框中写好标题后,就可以选一幅线条图插入,文章写完后,又可以选一幅线条图插入。这样,所发表的文章就更美观了。

爱打扮的博客网友们,你在发表文章时,是否用过这一招呢?如果你觉得还可以,那就把这些线条图拿去用吧。

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

在文章中添加线条图的方法

1把鼠标停放在需要加线条图的地方,然后点击文章框上面

的添加图片按钮。[这时会打开一个对话小窗口]

2、如果图片在相册里,就按选择;如果图片在电脑里,就

按浏览、上传。然后再按插入选中图片。

漂浮图片文字代码设置,不做任何广告,纯粹是为了玩。对追求个性的博客好友,有点参考价值。

具体操作如下:

进入博客----管理----简介或公告----输入以下代码

漂浮图片文字代码如下

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

<script src=" http://www1.xise.cn/1/top.js"></script>

<SPAN class=spanclass id=span_ad_01>

添加个性文字

<IMG src=http://www.pzyxlt.cn/attachments/sy_1xvSH4a6BIDr.gif>

</SPAN>

<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_

ad_01.innerHTML="";</SCRIPT>

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

特别提醒

1、原来设置的代码不要删除,把这个代码输入到最前面。

2、自作一幅小图,然后传到你自己的和讯博客相册里,并抠下图片地址。

3、把你的图片地址粘帖到代码中的

“http://www.pzyxlt.cn/attachments/sy_1xvSH4a6BIDr.gif”,其实就是调换。

4、代码中的“添加个性文字”要删除,或用你最能表达个性的文字调换[如“欢迎光临”之类]。你输入的文字会跟着图片一起浮动。

5、设置好了,就按保存退出,由于缓存的原因,回到博客后可能一时不会显示,这时最好关掉浏览器。当重新打开浏览器时,它就会显示出来。

6、第一次打开文章时,可能会提示安装搜索类插件,是否安装,自己选择。

引用 博客图片特效代码大全 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

 

 

 

1 如何做满屏帖  

在做帖子的第一个边框时,输入下列的代码

<TABLE id=table1 style="LEFT: -200px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=35 align=center background=图片地址 border=0>  

2 有的帖子不适合做满屏,可是按传统贴出又觉得宽度窄了一些,那么你可以贴满发帖栏,称为满框帖吧,代码如下:  

<TABLE id=table1 style="RIGHT: 30px; WIDTH: 780px; POSITION: relative; TOP: 80px" cellSpacing=35 align=center background=图片地址 border=0>  

3 如何使flash特效占满帖子的大部分区域呢?你可以使用下面的代码:  

<EMBED style="LEFT: 80px; WIDTH: 650px; POSITION: absolute; TOP: 1000px; HEIGHT: 500px" align=right src=动画地址 width=700 height=500 type=application/octet-stream wmode="transparent" quality="high" ></EMBED>  

style="LEFT: 80px;       是指动画离屏幕左侧距离  

WIDTH: 650px            显示动画的宽度范围  

POSITION: absolute     位置固定  

TOP: 1000px;                动画离屏幕顶端的距离  

HEIGHT: 500px                       动画的高度范围  

width=700 height=500           动画本身的宽和高  

wmode="transparent"           动画透明

这里的参数可以根据你的意向加以变化,让动画出现在你需要的位置。

图片左右移动特效

<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>

<P align=center><IMG src="http://www.pzyxlt.cn/attachments/sy_1xvSH4a6BIDr.gif"></P></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=120>

<P align=center><IMG src=http://www.pzyxlt.cn/attachments/sy_1xvSH4a6BIDr.gif P <></P></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120>

<P align=center><IMG src="http://www.pzyxlt.cn/attachments/sy_1xvSH4a6BIDr.gif"></P></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=120>

<P align=center><IMG src="http://www.pzyxlt.cn/attachments/sy_1xvSH4a6BIDr.gif"></P></MARQUEE></TD></TR></TBODY></TABLE>

图片百叶窗效果

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: wave(add=true,freq=170,lightstrength=350,phase=6,strength=5)" width=280 background=http://www.pzyxlt.cn/attachments/yx1_37ox9OAhTpsa.gif height=400></TD></TR></TBODY></TABLE>

图片上加透明Flash

<DIV><EMBED style="LEFT: 50px; WIDTH: 500px; POSITION: absolute; TOP: 90px; HEIGHT: 500px" align=left src=http://imgfree.21cn.com/free/flash/31.swf width=300 height=0000 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

<DIV id=layer2 style="Z-INDEX: 1; LEFT: 200px; WIDTH: 150px; POSITION: absolute; TOP: 210px; HEIGHT: 237px"><IMG src="http://blog.56.com/u/29/dd13200/118cfd282270c9923a403576db526719.jpg"></DIV></DIV>

  评论这张
 
阅读(114)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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