加载中…
个人资料
若水心寒
若水心寒
  • 博客等级:
  • 博客积分:0
  • 博客访问:115,457
  • 关注人气:39
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

怎样让图片动起来

(2006-06-20 22:40:00)
分类: 博客美化
   美化博客还有一个手段,就是让图片动起来。把自己喜欢的图片放在博客里,并且让它按照自己的意愿朝着不同的方向移动,也很有趣。下面就来介绍几种移动图片的方法:
    1、图片雾花加移动效果
<MARQUEE scrollAmount=2 direction=right><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=200 src="图片网址"></MARQUEE>
       2、上移图片
   <MARQUEE scrollAmount=1 direction=up  height=600>
<TABLE style="WIDTH: 500px; HEIGHT: 375px" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=图片网址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE
></MARQUEE>

         注明:direction=up 为图片向上,如果欲让图片向下移动,则改为down ,向右移动改为right,向左移动改为 left,width 为图片的宽度,height为图片的高度

      3、图片相反移动效果

    <MARQUEE width=500 height=350><IMG src="图片1网址"><IMG src="图片2网址"><IMG src="图片3网址"></MARQUEE>
<MARQUEE direction=right width=500 height=350><IMG src="图片4网址"><IMG src="图片5网址"><IMG src="图片6网址"></MARQUEE>

      4、一组图片右移效果

   <MARQUEE scrollAmount=2 direction=right width="100%">
<P align=center><IMG src="图片1网址"><IMG src="图片2网址"><IMG src="图片3网址"> <IMG src="图片4网址"> <IMG src="图片5网址"> <IMG src="图片6网址"> <IMG src="图片7网址"> <IMG src="图片8网址"> <IMG src="图片9网址"> </P></MARQUEE> 

    注明:(1)如果想让图片向左移动,则将direction=right改为left即可

          (2)图片尺寸最好一样大小

   5、一张变四张对开的效果

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=130><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=130 width=100><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=130 direction=right width=100><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=130 width=100><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=130><IMG src="图片网址"></MARQUEE>

         还有一些效果,在这里就不说了,祝大家能够成功,美化自己的博客,开心每天!

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有