网页设计图片滚动代码（如何实现网页中一行图片连续横向滚动）

本文目录

• 如何实现网页中一行图片连续横向滚动
• 图片首尾相接左右循环滚动代码
• 网页设计 请问这个滚动图片的代码是什么
• 有谁知道网页设计中的图片滚动显示个数的代码怎么写
• 求网页设计高手，请教网页设计相关知识，循环滚动图片代码
• 怎样用frontpage在网页中制作滚动的照片
• 网页设计文字滚动(水平)代码

如何实现网页中一行图片连续横向滚动

分类: 电脑/网络 》》 程序设计 》》 其他编程语言
问题描述:

如果使用marquee标签，虽然可以实现图片滚动，但只有当全部图片滚动1次后，第2次滚动才开始，这样就不连续了，有没有办法让图片滚动连续起来？也就是说让两次滚动的图片首尾相接不间断。望高手赐教！用js也行。

解析:

只能用JS,

《!-简便型logo图片横向滚动代码-》《br》《br》

《script language="JavaScript1.2"》
《!--

var sliderwidth=550

var sliderheight=31

var slidespeed=4

var leftrightslide=new Array()

var finalslide=’’

leftrightslide=’《a href="nknucc.nknu.edu/~s1378/wjs-4"》《img src=nknucc.nknu.edu/~s1378/logo030.gif border=1》《/a》’

leftrightslide=’《a href="nknucc.nknu.edu/~s1378/wjs-13"》《img src=nknucc.nknu.edu/~s1378/logo032.gif border=1》《/a》’

leftrightslide=’《a href="nknucc.nknu.edu/~s1378/wjs-27000"》《img src=nknucc.nknu.edu/~s1378/logo034.gif border=1》《/a》’

leftrightslide=’《a href="nknucc.nknu.edu/~s1378/wjs-11-gfm"》《img src=nknucc.nknu.edu/~s1378/logo031.gif border=1》《/a》’

var copyspeed=slidespeed

for (i=0;i《leftrightslide.length;i++)

finalslide=finalslide+leftrightslide+" "

if (document.all){

document.write(’《marquee id="ieslider" scrollAmount=0 class="page_speeder_1619037892"》’+finalslide+’《/marquee》’)

ieslider.onmouseover=new Function("ieslider.scrollAmount=0")

ieslider.onmouseout=new Funct ion("if (document.readyState==’plete’) ieslider.scrollAmount=slidespeed")

}

function regenerate(){

window.location.reload()

}

function regenerate112(){

if (documentyers){

document.ns_slider01.visibility="show"

setTimeout("window.onresize=regenerate",450)

intializeleftrightslide()

}

if (document.all)

ieslider.scrollAmount=slidespeed

}

function intializeleftrightslide(){

document.ns_slider01.document.ns_slider02.document.write(’《nobr》’+finalslide+’《/nobr》’)

document. ns_slider01.document.ns_slider02.document.close()

thelength=document.ns_slider01.document.ns_slider02.document.width

scrollslide()

}

function scrollslide(){

if (document.ns_slider01.document.ns_slider02.left》=thelength*(-1)){

document.ns_slider01.document.ns_slider02.left-=slidespeed

setTimeout("scrollslide()",100)

}

else{

document.ns_slider01.document.ns_slider02.left=sliderwidth

scrollslide()

}

}

window.onload=regenerate112

--》

《/script》

《ilayer width=&{sliderwidth}; height=&{sliderheight}; name=ns_slider01 visibility=hide》

《layer name=ns_slider02 onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"》

《/layer》

《/ilayer》

还有一个方法晚些时候告诉你,更简单的.我正在测试!

图片首尾相接左右循环滚动代码

《Center》
《table width="1024" border="0"》
《tr》
《td height="200"》《DIV id=demo style="OVERFLOW: hidden; WIDTH:1024px; HEIGHT: 200px"
align="center"》
《TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0"》
《TBODY》
《TR》
《TD id=demo1 vAlign=top》
《table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"》
《tr》
《td width="250"》
《img src="images/book/book1.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/book2.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/book3.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/book4.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/lingdao.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/shiya.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/leshi.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/hei.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/riben.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/xiaoyoushang.jpg" width="150" height="200"》《/td》
《td width="250"》《img src="images/book/siwei.jpg" width="150" height="200"》《/td》
《/table》 《/TD》
《TD id=demo2 vAlign=top》《/TD》《/TR》《/TBODY》
《/TABLE》
《/DIV》
《div align="center"》
《SCRIPT》
var speed=1
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft《=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
《/SCRIPT》
《/div》
《/td》
《/tr》
《/table》
《/Center》

网页设计 请问这个滚动图片的代码是什么

《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"》
《HTML》
《HEAD》
《TITLE》 New Document 《/TITLE》
《style type="text/css"》
#adv{
position:absolute;
top:0px;
left:0px;
}
《/style》
《script language="javascript"》
var x;
var y;
var width;
var height;
var mx=10;
var my=10;
function $(id){
return document.getElementById(id);
}
function setSize(){
x=$("adv").style.pixelLeft;
y=$("adv").style.pixelTop;
width=document.body.offsetWidth-200;
height=document.body.offsetHeight-250;
moveAdv();
}
function moveAdv(){
$("adv").style.pixelTop=y+document.body.scrollTop;
$("adv").style.pixelLeft=x+document.body.scrollLeft;

x+=mx;
y+=my;
if(x《0 || x》width){
mx*=-1;
}
if(y《0 || y》height){
my*=-1;
}
window.setTimeout("moveAdv()",100);
}
window.onload=setSize;
《/script》
《/HEAD》
《BODY》
《div》
《div id="adv"》
《img src="images/advpic.gif"》
《/div》
《div 》
《img src="images/contentpic.jpg"/》
《/div》

《/div》
《/BODY》
《/HTML》

有谁知道网页设计中的图片滚动显示个数的代码怎么写

《marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"》
《img border="0" src=" http://要滚动的图片地址1"》
《img border="0" src=" http://要滚动的图片地址2"》
《img border="0" src=" http://要滚动的图片地址3"》
你需要滚动多少就继续加图
《/marquee》

求网页设计高手，请教网页设计相关知识，循环滚动图片代码

首先把N张图片都连在一起变成一张图片
js里面有一个每N秒调用某个函数的方法
直接用这个方法控制图片显示的位置
比如每5秒图片显示的像素后移500px

怎样用frontpage在网页中制作滚动的照片

打开Frontpage软件，新建一个常规文档，单击菜单栏“插入”——Web组件。
2
在打开的“插入Web组件”对话框中选择“动态效果”——字幕，单击完成。
3
在字幕属性对话框中输入文字“滚动图片”，单击确定。
END
向右循环滚动图片：
1
选定滚动字幕框架，把文档有设计模式转换到代码模式，在“marquee”后面输入“scrollAmount=1
scrollDelay=1
direction=right
width=600
height=250”。
2
用代码
“《IMG
src="图片1地址"
width=180
border=0》
《IMG
src="图片2地址"
width=180
border=0》
《IMG
src="图片3地址"
width=180
border=0》
《IMG
src="图片4地址"
width=180
border=0》
《DIV》《/DIV》
”替换“滚动图片”。
3
在代码《marquee》前面输入“《CENTER》”，然后在《/marquee》后面输入“《/CENTER》”。
END
向左循环滚动图片：
1
向左滚动只需要把向右滚动代码中的“direction=right”改为“direction=left”即可。
END
向上循环滚动图片：
1
向上滚动首先要把向右滚动代码中的“direction=right”改为“direction=up”，把“width=600”该为“width=170”。
2
在《marquee》和《/marquee》之间输入代码
“《DIV
align=center》《IMG
src="图片网址1"
width=300
border=0》《/DIV》
《DIV
align=center》《IMG
src="图片网址2"
width=300
border=0》《/DIV》
《DIV
align=center》《IMG
src="图片网址3"
width=300
border=0》《/DIV》
《DIV
align=center》《IMG
src="图片网址4"
width=300
border=0》《/DIV》”
END
向下循环滚动图片：
1
向下滚动只需要把向上滚动代码中的“direction=up”改为“direction=down”即可。
END
代码解析：
《marquee》《/marquee》：用来控制文字滚动。
“direction=”用来控制方向“上（up）下（down）左（left）右（right）”
“scrollamount=”用来控制速度。
“crolldelay=”用来控制延时。
“width=”代表宽度。
“height=”代表高度。
《DIV》《/DIV》：代表一行。
END
FrontPage技巧(共16篇)
上一篇：如何在网页上添加...|下一篇：如何在图片上创建...

网页设计文字滚动(水平)代码

网页设计文字滚动（水平）代码是：

《marqueedirection=up=1scrolldelay=100

height=60》

共和国

一、除此之外，marquee参数有以下：

BGColor：滚动文本框的背景颜色。

Direction：滚动方向设置，可选择Left、Right、up和down。

scrolldelay：每轮滚动之间的延迟时间，越大越慢。

一次滚动总的时间量，数字越小滚动越慢。

Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动）lide（单次滚动）、Alternate（来回滚动）。

Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。

Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择inPixels(按像素)或是inPercent(按百分比)。

Height：滚动文本框的高度，输入一个数值后从后面的单选框选择inPixels(按像素)或是inPercent(按百分比)。

loop：滚动次数。默认为infinite

hspace、vspace：前后、上下的空行。

二、滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动。（如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面。）