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

素手红尘的博客

得之我幸,不得我命~

 
 
 

日志

 
 
关于我

红尘中多少的事事非非,如过眼云烟,好也罢坏也罢,又能如何,采东篱泛轻舟,轻酌淡酒,隐逸世间~!!

网易考拉推荐

引用 如何自己做一个加边框的移动图音画相册2010年10月10日  

2010-10-10 20:45:19|  分类: 博客音画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

杨东如何自己做一个加边框的移动图音画相册2010年10月10日

 

如何自己做一个加边框的移动图音画相册

例图《菊展》

2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园2010年10月10日 - 杨东 - 杨东小园

 

以上是用20张菊花图片做成的,由右向左移动的带边框《菊花音画》现在就用这作为实样为例,我和朋友们一起来学习制作.

如何自己做一个加边框的移动图音画相册2010年10月10日 - 杨东 - 杨东小园

《一》框 架

要组成一个框架,就必需要用代码,

我们就找一个最简单的框图代码如下

<TABLE borderColor=#边疆颜色 height=高度 width=宽度 align=center background=加背景图网址处 border=边框粗细><TBODY><TR><TD>

现在我们的边框用红色的=#ff0000 把图片的已知条件高度为450宽度为600,边框粗细为6和一张背景图片代入以上代码中去.就组成了一个边框全代码了,详见以下代码.

<TABLE borderColor=#ff0000 height=400 width=600 align=center background=http://img775.ph.126.net/nD4Cx_DM2GTbDvaKJYqecA==/4851784173561889333.jpg border=6><TBODY><TR><TD>

如何自己做一个加边框的移动图音画相册2010年10月10日 - 杨东 - 杨东小园

《二》图 片

本移动图片共19张,加一张背景图共20张,统一高度是450,统一宽度是600,首先我们考虑把19张图片链锁在一起,其中单张图片如何用网址代码来显示呢?详见以下代码说明:

<IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="图片网络地址" width=600>

每张图片代入的实例如下(有19张图片就要分别用19个这样的代码,

<IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/7xcF-3_aYED_oYSO5iDRnw==/3710966092953754170.jpg" width=600> 

 注:图片的链接处不能用空格键,否则会出现图片与图片之间有空隙见下例

<IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/7xcF-3_aYED_oYSO5iDRnw==/3710966092953754170.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/kU0cB-JldqXkiQTQ_4bpbA==/3710966092953754174.jpg" width=600>

如何自己做一个加边框的移动图音画相册2010年10月10日 - 杨东 - 杨东小园

《三》动 态 源

要使图片能移动还必须加上一个动态的代码MARQUEE和动源的速度crollAmount=X把这两个原素组合成<MARQUEE scrollAmount=5>注:这里的速度设置为5.这个代码要放在框架代码的后面,图片代码的前边;请详见以上菊花移动动画的通用全代码;(复制有效应用)

如何自己做一个加边框的移动图音画相册2010年10月10日 - 杨东 - 杨东小园

《四》本音画通用全代码

   注:以下代码为方便朋友学习利用,所有字母都是原色,代码已多次验正,如要复制,只要在代码处快速用鼠标点三下,立即可复制应用不需修改了。但背景音乐不在代码之中,要加背景音乐的以下有介绍如何操作的具体方法。

<TABLE borderColor=#ff0000 height=400 width=600 align=center background=http://img775.ph.126.net/nD4Cx_DM2GTbDvaKJYqecA==/4851784173561889333.jpg border=6><TBODY><TR><TD><MARQUEE scrollAmount=5><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/7xcF-3_aYED_oYSO5iDRnw==/3710966092953754170.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/kU0cB-JldqXkiQTQ_4bpbA==/3710966092953754174.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/jnDa3QKXKJYpQVdaUW5yjg==/3710966092953754200.gif" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/HPa13G4AWsdP4k9FHOc2OQ==/3710966092953754195.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/P5612ZP0sx6-f7DRhRoZ2g==/3710966092953754187.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/bFVOp0Jm7_jEfaw2OT3wsw==/3710966092953754161.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/Bi2SRALqLYPum2S2mrcboA==/3710966092953754183.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/n96cMqlYACtNy0AXbQfwDw==/4851784173561889432.gif" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img.ph.126.net/kU0cB-JldqXkiQTQ_4bpbA==/3710966092953754174.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/wzPQBd6bEuJOSosAkhRKXg==/4851784173561889428.gif" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/w1wD8MX9fjfSQHRpYU0egA==/4851784173561889412.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/yjWXNgwjf_bYL7aHCIKpUg==/4851784173561889406.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/wQh1fv4QkX6D043vJ8lQ0A==/4851784173561889399.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/Q_YvpZrEP1cWVZH0JYlYpg==/4851784173561889387.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/95_EF0Aj9HfE2Wjn6qiwUQ==/4851784173561889368.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/w8fa0QuL6lkJ59lmprL8IQ==/4851784173561889354.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/-W1Fso2jHgC46CWUCsOPHg==/4851784173561889379.jpg" width=600><IMG style="WIDTH: 600px; HEIGHT: 450px" height=450 src="http://img775.ph.126.net/SWAXSWz-aDh5pRaO4cZsRA==/4851784173561889342.jpg" width=600>></MARQUEE></TD></TR></TBODY></TABLE>

如何自己做一个加边框的移动图音画相册2010年10月10日 - 杨东 - 杨东小园

《五》置入隐藏播放器的音乐代码

另外再加上一个隐藏播放器的音乐代码就成了音画了,本音画加插的背景音乐是:  广东音乐精选集 霓裳曲 恭祝LiXiaoYao生日快乐! http://bbs.qjzqw.com.cn/jnzy/tx/jy/01.mp3

组成的隐藏播放器能自动连续循环播放的代码如下: 

<P align=center><EMBED src=http://bbs.qjzqw.com.cn/jnzy/tx/jy/01.mp3 width=0 height=0 type=application/x-mplayer2 loop="1" autostart="1" enablecontextmenu="1" showstatusbar="1" showaudiocontrols="1" showcontrols="1" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED></FONT></P>

如何自己做一个加边框的移动图音画相册2010年10月10日 - 杨东 - 杨东小园

加插办法:点开写日志状态下的顶部<>源代码按扭后,(因为播放器是隐藏看不到的,为防止修改编辑时丢失,)只要复制以上代码后贴入最后边或最顶端,然后闭合<>源代码按扭就能听到音乐了.

作者 张杨东 原创 
写于2010年10月10日10点10分
如何在首页版面上增设自定义模块的具体操作规程 2010年10月02日 - 杨东 - 杨东小园
如何在首页版面上增设自定义模块的具体操作规程 2010年10月02日 - 杨东 - 杨东小园
  
如何在首页版面上增设自定义模块的具体操作规程 2010年10月02日 - 杨东 - 杨东小园如何在首页版面上增设自定义模块的具体操作规程 2010年10月02日 - 杨东 - 杨东小园
 

如何自己做一个加边框的移动图音画相册2010年10月10日 - 杨东 - 杨东小园

如何在首页版面上增设自定义模块的具体操作规程 2010年10月02日 - 杨东 - 杨东小园

 

  评论这张
 
阅读(122)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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