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

lanpengshuai2009 的博客

致力于介绍天津本土文化,让更多的人了解天津、喜欢天津!

 
 
 

日志

 
 
关于我

我愿和简单结缘,和快乐牵手,和理解、知音同行,跟着感觉走,珍惜缘分,收藏友谊,收获感动!怀揣着一颗感恩的心,传递一份正能量!

网易考拉推荐

引用 图片移动代码大全   

2009-05-15 17:57:07|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

xwxr图片移动代码大全

 

图片移动代码大全:                      

 一、向左移动

<marquee><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg><br>从右向左移动</marquee>

示例:

图片移动代码大全  - xwxr - xwxr的个人主页

从右向左移动

 

二、向右移动

<marquee direction=right><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>

示例:

  图片移动代码大全  - xwxr - xwxr的个人主页

从左向右移动

 

三、向上移动

<marquee direction=up onmouseover=this.stop() scrollamount=5 onmouseout=this.start()><center><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg width=90 height=30></center></marquee>

 

示例:

   图片移动代码大全  - xwxr - xwxr的个人主页

四、向下移动

<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpgwidth=90 height=30></marquee>

示例:

向下移动

图片移动代码大全  - xwxr - xwxr的个人主页

 

五、来回移动

<marquee width=100% behavior=alternate scrollamount=10><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpgwidth=90 height=30><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>

示例:

图片移动代码大全  - xwxr - xwxr的个人主页

来回移动

 

 

六、中间相对上下移动:

代码:

<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg width=90></div></center></marquee>

示例:

图片移动代码大全  - xwxr - xwxr的个人主页

图片移动代码大全  - xwxr - xwxr的个人主页

 

七、中间向两边移动:

<center><br><marquee width=220 height=50><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动</font></marquee><marquee direction=right width=220 height=50><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>

示例:

图片移动代码大全  - xwxr - xwxr的个人主页

中间向两边移动

图片移动代码大全  - xwxr - xwxr的个人主页

中间向两边移动

  八、上下起伏

<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpg><font color=0000ff size=3 face=华文行楷></b></font></marquee></marquee>示例:   图片移动代码大全  - xwxr - xwxr的个人主页图片移动代码大全  - xwxr - xwxr的个人主页

 

 

如果要多幅图一起移动秘诀:

<MARQUEE scrollAmount=3 width="98%"><A href="把要点击就出现的网址复制来这里" target=_blank><IMG alt="" src="把要显示的图片放到这里" align=top border=1></A></MARQUEE> 

每次添加图片连接只要复制98%后面的<A开始到后同的</A>结束,粘贴到</A>和</MARQUEE>这间就可以了!

   

 

 为了使制作的网页达到美观的效果,加入背景是一种常用的方法。使用HTML语言,按照以下步骤,你就可以实现。

    1.查找背景图片地址:你必须到网上去找一幅你认为需要的背景图片,然后右击图片、查看属性,你就可以看到图片的地址(URL),再将图片地址复制下来。为了便于取用,你可以将该图片地址粘贴到记事本上备用。

    2.制作背景:在[发表文章]文章正文的左下有“HTML”即:源代码,点一下“HTML”源代码选项,再把下面的源代码粘贴到编缉框里,再点击“设计”选项,你就可以看到背景已经制作完成了。接下去你就可以:

    3.在背景上进行其它编缉:输入文字、插入图片、插入音乐(或者FLASH)等多媒体文件……经过你的排版、不断修改,最后你就可以欣赏到满意的整个网页了。

  以下背景和网页的制作过程--1.找背景图片.在网上先找到一个背景图片 :

图片移动代码大全  - xwxr - xwxr的个人主页

 右击图片查看属性、就可以看到该图片的地址:http://img504.photo.163.com/hxn541521/48603287/1581080438.jpg。复制这个图片地址(URL)到记事本备用。

2.制作背景:在[发表文章]文章正文的左下有“HTML”即:源代码,点一下“HTML”源代码选项,再把下面的源代码粘贴到编缉框里,以下源代码:

<CENTER>

<TABLE borderColor=green height=300 cellSpacing=20 cellPadding=20 width="100%" align=center background=http://img504.photo.163.com/hxn541521/48603287/1581080438.jpg border=12>

<TBODY>

<TR>

<TD>

<P align=center ailign="center"><FONT color=#00ffff>文字</FONT></P></TD></TR></TBODY></TABLE></CENTER>

        再点击“设计”选项,你就可以看到背景已经制作完成了,你就可以看到以下的背景:

   

文字

 

关于以上背景的代码的简要说明:

  {其中主要的两个参数是宽度(width="100%" )和高度(height=300可以设置相对值(代码里的宽度WIDTH: XXXpx),也可以设置绝对值(如上述代码里的高度height=300px)。其它参数:"cellPadding=20 "文字与边框内线的距离;"cellSpacing=20 "是边框的宽度;"border=12"是边框线的宽度(设置为0时看不到线);"border Color=green "是边框线的颜色,;(颜色代码,下特有一图可供选择 )}显示效果如上。

       接下来,我们再进行文字、图片、音乐等的输入和插入,设置文字的字体,图片的大小,播放器的大小……开始时,你不妨先复制这段源代码到你的记事本里保存下来,然后在需要用时把这段源代码粘贴到编缉框里.然后只需到网上去找你喜欢的背景图片地址就OK了....多练习几次你就会完全明白了....

(颜色代码图)

图片移动代码大全  - xwxr - xwxr的个人主页

图片移动代码大全  - xwxr - xwxr的个人主页

 

[阿D] 胡评八论 之 初级:如何用喜欢的图设置博客或者圈子的背景(博客秘藉)

有圈友问阿D:怎么要自己相册里喜欢的图做博客或者圈子的背景?

有个简单的方法,只要4步了可以了:

简单的“设置背景”教程 

  1.编辑状态下选择设置

 

图片移动代码大全  - xwxr - xwxr的个人主页

 

2.选择高级风格

 

图片移动代码大全  - xwxr - xwxr的个人主页

 

3.依次选择背景 自定义 背景图片平铺 背景图片位置 

 

图片移动代码大全  - xwxr - xwxr的个人主页

 

4.选择浏览 在本地选择背景图片 最后保存

现在OK了!

  评论这张
 
阅读(79)| 评论(16)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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