如何做滚动图片 滚动图片制作

《技巧》如何做滚动图片

下面就是滚动图片的代码

粉色字:图片的网上地址.换成你要用的图片网址。

绿色字:滚动图片的宽度和高度,根据自己喜好可以随意调整.

桔色字:图片滚动速度,数字越小滚动越慢,可以自行调节.

<MARQUEE scrollAmount=2 scrollDelay=60 direction=right width=160 height=240 onmouseover="this.stop()" onmouseout="this.start()">

<IMG height=240 src="图片网址" width=160 border=0>

<IMG height=240 src="图片网址" width=160 border=0>

<IMG height=240 src="图片网址" width=160 border=0>

<IMG height=240 src="图片网址" width=160 border=0>

<IMG height=240 src="图片网址" width=160 border=0>

<IMG height=240 src="图片网址" width=160 border=0></A></MARQUEE>

滚动图片一般可以用在文章中或模板里.

用在文章中,效果如图.方法:

把粉色字换成你要用的图片网址,复制以上代码——发表文章显示源代码打勾——粘贴代码在两个<DIV>之间——去掉勾写文章——发表

用在模版中,效果如我首页.方法:

控制面板——个人首页维护——自定义空白面板点编辑——新增——显示源代码打勾——复制代码粘贴在两个<DIV>之间——去掉勾保存确定

控制面板——定制我的首页——添加模块——刚才建立的这项打勾——保存

(二)<embed src=歌曲地址 width=200 height=50 type=audio/mpeg loop="true" >

(三)搞搞吧! http://img.igogo8.com/

(四)图片标签http://www.gaogao8.com/make.php?pid=72637    转自梦儿的小仙女

奔跑的BLOG

(五)<DIV><A target=_blank href="链接地址" target=_blank><IMG src="图片地址" border=0></A></DIV>(图片超链接代码)

  (六)看到现在页面的效果了吗?让图片和文字左右分开排列,有的时候真的是很需要这个效果。其实处理起来很简单,使用一小段代码就可以了。

代码: <img src="图片地址" align="left">

用法:在“显示源代码”状态下(打勾)粘贴上面的代码——用你的图片地址代替上面的文字——恢复到正常编辑状态——在图片另一侧编辑文字。

如果你想把图片放在文字的右侧,可以用这个代码: <img src="图片地址" align="right">

(七)印章http://www.makepic.com/print.php

(三)搞搞吧http://img.igogo8.com/

(八)个性印章制作个性印章制作二

(九)几种简单的音频播放器代码

(十)隐藏和找回活力地带的方法

(十一)可以自动调节长度的音频播放器

(1)<EMBED src=音乐地址 width="100%" height=45 type=audio/mpeg loop="true">

(2)<DIV><EMBED codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 src=音乐地址 width=180 height=65 type=application/x-oleobject flename="mp" loop="true"></EMBED></DIV>

(十一)如何制作去过的地图

(十二)

<BGSOUND balance=0 src="隐藏音乐地址"; volume=0 loop=infinite>

(十三)在图片上做滚动文字的代码:

<DIV>

<TABLE width=380 border=0>

<TBODY>

<TR>

<TD background=图片地址 height=250>

<P>

<MARQUEE scrollAmount=1 scrollDelay=50 direction=up width=365 height=238>图片上的文字</MARQUEE></P></TD></TR></TBODY>

(十四)在博客横幅上“粘贴”透明动画图片

(十五)礼花代码:

<DIV>&nbsp;</DIV><EMBEDalign=centersrc=http://imgfree.21cn.com/free/flash/88.swfwidth=500height=400type=application/x-shockwave-flashWMODE="transparent"QUALITY="high"allowScriptAccess="never" allowNetworking="internal" autostart="0" ></EMBED>

(十六)html在线编辑器(点击进入)2007/12/2

1。在页面上插入音乐播放器

a.选好一个音乐地址(可在百度mp3里面搜索)。

b.点击  按钮,弹出编辑对话框。

c.将音乐地址复制粘贴到对话框中,根据自己的需要设置播放器的宽度与高度、是否自动播放等,然后点击“确认”。

d.将编辑好的播放器复制粘贴到你的文章发布页面。

2、在图片上做链接(跟在文字上做链接基本相同) (安绍文)

a.将需要链接的图片(例如这个  )复制粘贴到编辑器的编辑区。

b.复制要链接的网址(例如 http://q.blog.sina.com.cn/qq5060)——点击刚粘贴上的图片——点击超链接按钮  ,在网址输入框中粘贴刚才复制的网址(也可以键盘输入网址),点击OK。

c.将做好链接的图片复制粘贴到你选定的位置(例如你的文章页面或某个自定义面板)。

(十七)滚动文字代码:(如若尘)

<DIV>

<MARQUEEscrollAmount=1scrollDelay=77direction=upwidth=370height=77><FONTface=宋体color=#ff0000size=6>第一排要显示的文字<BR>第N排要显示的文字<BR>第N排要显示的文字<BR>第N排要显示的文字<BR第N排要显示的文字<BR>第N排要显示的文字<BR>第一排要显示的文字<BR>第N排要显示的文字<BR>第N排要显示的文字<BR>第N排要显示的文字</FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

<DIV></DIV>



?/P>

<P class=mdl_m_c>&nbsp;</P>

<DIV>

<TABLE align=center background=http://image28.360doc.com/DownloadImg/2011/05/0913/11576678_4.jpg>

<TBODY>

<TR>

<TD>

<P align=center><FONT><FONT color=#0080ff><EMBED src=http://www.wjssyzx.com/teacherweb/wujing/ppy.mp3 width=60 height=20 type=video/x-ms-asf ALLOWSCRIPTACCESS="never" ALLOWNETWORKING="internal" VOLUME="0" ENABLECONTEXTMENU="0" LOOP="-1"></EMBED></FONT></FONT></P></TD></TR></TBODY></TABLE></DIV>

<P align=center>&nbsp;</P></DIV>

移动文字

欢迎光临

代码如下:

<marqueewidth="500"height="21">你想要的文字</marquee>

滚动图片的代码如下:

<marquee scrollamount="10"direction="left"><img src=图片地址></marquee>

scrollamount指得是图片移动的速度,本人建议用10这个数值差不多.

direction指的是图片移动的方向,up是向上,domn向下,left向左,right向右.

这些都可以自己设置.

滚动图片的代码是:(向上)

如何做滚动图片 滚动图片制作
<MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=400 height=250>

<DIV align=center><IMG src="图片网址1" width=200 border=0></DIV>

<DIV align=center><IMG src="图片网址2" width=200 border=0></DIV>

<DIV align=center><IMG src="图片网址3" width=200 border=0></DIV>

<DIV align=center><IMG src="图片网址4" width=200 border=0></DIV>

<DIV align=center><IMG src="图片网址5" width=200 border=0></DIV>

<DIV align=center><IMG src="图片网址6" width=200 border=0></DIV></MARQUEE>

其中一个<div...>....</div>为一个单元,想添加更多图片滚动可以复制,格式很清楚了,但是多了会影响速度。

其中,direction是方向,up=上,down=下,left=左,right=右,都可以按你的需要进行改动;width 是宽度,height是 高度,可以根据自己的需要修改; scrollAmount 控制移动的速度,数字越大速度越快。

添加滚动的图片 (水平)

代码为:(代码需用word编辑器或用在自定义版块及公告栏里点显示源代码即可,然后将下面的代码插入<DIV></DIV>之间即可)

<MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width=240 height=260>

<IMG height=260 src="图片网址1" width=240 border=0>

<IMG height=260 src="图片网址2" width=200 border=0>

<IMG height=260 src="图片网址3" width=310 border=0>

<IMG height=260 src="图片网址4" width=200 border=0></MARQUEE>

  

爱华网本文地址 » http://www.aihuau.com/a/25101011/84875.html

更多阅读

如何做gif格式的图片 动态图片gif格式

如何做gif格式的图片——简介ImageReady是制作像素图的GIF动画的专业软件。ImageReady 2.0 是Photoshop5.0 自带的一个图像处理软件,所以在Photoshop里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。如何做gif格式的图片—

怎样做ai图片 ai中怎样裁剪图片

ai的文件是AdobeIllustrator软件(AdobeIllustrator是出版、多媒体和在线图像的工业标准矢量插画软件)制作的矢量图文件.矢量图的优点是如何放大图像都不会产生马塞克现象,ai文件不会在图像放大的情况下产生马赛克。怎样做ai图片——

淘宝网店如何上传图片的 淘宝投诉怎么上传凭证

教你如何把产品图片上传到淘宝相册空间,方便以后发布宝贝之用途。话不多说,直接分享干货。详细的图解具体如下:方法步骤第一,请登陆您的淘宝账号。第二,选择卖家中心,进入店铺后台。第三,选择“图片空间”进入。第四,选择“图片上传”

如何做视频相册 精 如何制作精美相册

如何做视频相册 精——简介 平时拍了很多好看好玩的照片,把它们保存下来,用看图软件一个一个地看,当然可以,但是这样也太没有趣味了,我们可以把拍的这些有意义的相片以视频的形式来组织一下,以后观看的时候不但方便,也且也更酷,要实现这一目

如何快速调整图片大小 ps快速调整画布大小

如何快速调整图片大小——简介在报考公务员、事业编、职称考试以及考研等各种考试时,上传图片的大小往往有限制,然而我们在摄影店拍摄的图片,大小往往在500kb以上,这样的大小肯定是不满足要求的。这就需要我们根据实际需求,调整照片的大

声明:《如何做滚动图片 滚动图片制作》为网友有梦就别怕痛分享!如侵犯到您的合法权益请联系我们删除