滚动文字和图片_在图片上加滚动文字的gif图片怎么制作

① 如何在背景图片中指定的位置加入滚动文字和滚动的图片

用div啊，背景图片在div里设计，然后在div中在设置滚动的图片或是文字，滚动代码： <MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
>你要添加的文字或是图片
</MARQUEE>

② 手机如何设置图片上滚动文字

图片上加文字，静止的叫制作水印，动态的就成Gif图片了。制作GIF图片是个功能需求，需要找相应的软件程序进行制作即可。在手机上搜索查找相关GIF图片制作如见下载安装就可以制作图片上滚动文字了。

③ PS图片时，怎么在上面加滚动的字幕

1、首先使用photoshop打开图片，然后使用“文字工具”输入文字，如图所示。

④ 在网页设计中要让图片和文字滚动，我用了marquee属性，里面用的是<dl><dt>标签，但是效果怎么是这样，

感觉是css错误因为嵌套变了所以css要重新对应html

⑤ 如何用html实现文本+图片轮流滚动显示

就是无缝滚动

用js就可以

1、打开Dreamweaver软件

2、代码如下：不要忘了引入js库

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>js无缝滚动制作js文字无缝滚动和js图片无缝滚动</title>

</head>

<body>

*{margin:0;padding:0;list-style-type:none;font-size:12px;}

a,img{border:0;}

.scroll{height:300px;width:500px;margin:50px auto;border:solid 1px #ddd;}

.scroll p{line-height:28px;padding:5px 0;border-bottom:dashed 1px #ddd;text-align:center;}

.scroll p a{color:#3366cc;text-decoration:none;}

</style>

function addEventSimple(obj,evt,fn){

if(obj.addEventListener){

obj.addEventListener(evt,fn,false);

}else if(obj.attachEvent){

obj.attachEvent('on'+evt,fn);

}

addEventSimple(window,'load',initScrolling);

var scrollingBox;

var scrollingInterval;

var reachedBottom=false;

var bottom;

function initScrolling(){

scrollingBox = document.getElementById('xst');

scrollingBox.style.overflow = "hidden";

scrollingInterval = setInterval("scrolling()",50);

scrollingBox.onmouseover = over;

scrollingBox.onmouseout = out;

}

function scrolling(){

var origin = scrollingBox.scrollTop++;

if(origin == scrollingBox.scrollTop){

if(!reachedBottom){

scrollingBox.innerHTML+=scrollingBox.innerHTML;

reachedBottom=true;

bottom=origin;

}else{

scrollingBox.scrollTop=bottom;

}

function over(){

clearInterval(scrollingInterval);

}

function out(){

scrollingInterval = setInterval("scrolling()",50);

}

</script>

<p><a href="http://www.17sucai.com/" target="_blank">jquery 文字滚动大全 scroll 支持文字或图片单行滚动多行滚动带按钮控制滚动</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">jquery 文字连续滚动节奏感十足的齿轮式滚动图片展示与文字内容特效展示</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">jquery 文字特效霓虹灯文字效果使用jQuery和CSS</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字滚动制作js scroll单排文字滚动向上间隔滚动</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字切换特效制作焦点文字带滤镜切换效果</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字特效制作js文字闪烁与文字变色效果</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字滚动插件制作双行关联向上文字间隙滚动</a></p>

</div>

</body>

效果：

⑥ 网页中的图片滚动效果是怎么实现的啊

设置层高，比如position:absoulute; z-index:999; top:100px; right:0px;

示例用法：

<html>

<p>

</body>

</html>

图片中的P标签里有图片，我这里设置P区块为宽高各100，用position:fixed定位，距离顶部100像素，右边0像素漂浮着，z-index:999就是层高，可以理解为层高越高就可以漂浮在网页上面。

效果如下：

不管如何滚动网页滚动条上下翻左右翻都一直在屏幕距离顶部100像素，右边0像素漂浮着。

⑦ 用dreamweaver如何实现多行文字与多个图片的同时滚动

li里面的内容你自己加,代码如下,你改为自己的内容就可以用,参数你自己看下,可以修改的!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>scrollTop测试示例</title>

<style>

</style>
<script type="text/javascript">
var $ = function(id) {
return "string" == typeof id ? document.getElementById(id) : id;
};
// 实例化一个对象并调用对象的initialize方法
var Class = {
create : function() {
return function() {
this.initialize.apply(this, arguments);
};
}
};
// 为Object添加一个extend方法
Object.extend = function(destination, source) {
for ( var property in source) {
destination[property] = source[property];
}
return destination;
};
// 为对象注册事件
var addEventHandler = function(oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, false);
} else if (oTarget.attachEvent) {
oTarget.attachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = fnHandler;
}
};
var Scroll = Class.create();
Scroll.prototype = {
initialize : function(outObj, inObj, options) {
var oScroll = this;
var iOut = $(outObj);
var iIn = $(inObj);
this.outHeight = iOut.offsetHeight;
this.inHeight = iIn.offsetHeight;

if (this.outHeight >= this.inHeight) return;

iOut.style.overflow = "hidden";
iIn.appendChild(iIn.cloneNode(true));

this.setOptions(options);
this.outObj = iOut;
this.timer = null;

this.side = 1; // 1：向上；2：向下
switch(this.options.side) {
case "down" :
this.side = -1;
break;
case "up":
default:
this.side = 1;
}
addEventHandler(iIn, "mouseover", function() {oScroll.stop();});
addEventHandler(iIn, "mouseout", function() {oScroll.start();});
this.start();
},
setOptions : function(options) {
this.options = {
step : 1, // 每次滚动的px量
side : "up", // 滚动的方向
time : 10 // 滚动的间隔时间（滚动速度）
};
Object.extend(this.options, options || {});
},
scroll : function() {
var inHeight = this.inHeight, outHeight = this.outHeight, iStep = this.options.step * this.side, time = this.options.time;
var iScrollTop = this.outObj.scrollTop;
if (iScrollTop >= (inHeight * 2 - outHeight)) {
iScrollTop -= inHeight;
} else if (iScrollTop <= 0) {
iScrollTop += inHeight;
}
this.outObj.scrollTop = iScrollTop + iStep;

var oScroll = this;
this.timer = setTimeout(function() {oScroll.scroll();}, time);
},
start : function() {
this.scroll();
},
stop : function() {
clearTimeout(this.timer);
}
};
window.onload = function() {
new Scroll("out", "in", {step : 1, side : "up", time : 20});
};
</script>
</head>
<body>
<div id="out">
<div id="in">
<ul>
<li>第1行</li>
<li>第2行</li>
<li>第3行</li>
<li>第4行</li>
<li>第5行</li>
</ul>
<div style="clear: both;"></div>
</div>
</div>
</body>
</html>

⑧ 在图片上加滚动文字的gif图片怎么制作

打开软件，启动后软件会显示一个窗口，在启动向导中先点击“空白动画”图标。也可以直接点击“关闭”

帧添加完成后，就会从原本的只有2帧变成了17帧，那么就可以点“播放”按钮，播放下文字是否滚动的效果。然后就可以点击保存旁边的倒三角形按钮了，从中选择“保存为GIF文件”，将gif图片保存到桌面方便查找。

导航:首页 > 文字图片 > 滚动文字和图片

滚动文字和图片

与滚动文字和图片相关的资料