如何把网页的图片滑动

‘壹’ 如何实现网页图片滚动播放

1、网页图片滚动一般都是网络上查找jq/js插件，引入到自己的html代码里头，或者是里头本身写好的例子，修改好数据源图片，运行调试即可
2、如果是不考虑图片首尾无缝滚动的话，你还可以使用marquee.
这个是html自带滚动标签，也可以实现鼠标移入停止，移开开始滚动等等,如下：
<marquee direction="up" onmouseover="this.stop();" onmouseout="this.start();"> <img src="xxx.jpg" /> <img src="xxx.jpg" /> <img src="xxx.jpg" /> <img src="xxx.jpg" />
</marquee>
具体其他更多属性用法，可以查找下这个标签的用法，
提供个参考资料：http://www.jb51.net/article/724.htm

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

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

如果使用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[0]='<a href="nknucc.nknu.e/~s1378/wjs-4"><img src=nknucc.nknu.e/~s1378/logo030.gif border=1></a>'

leftrightslide[1]='<a href="nknucc.nknu.e/~s1378/wjs-13"><img src=nknucc.nknu.e/~s1378/logo032.gif border=1></a>'

leftrightslide[2]='<a href="nknucc.nknu.e/~s1378/wjs-27000"><img src=nknucc.nknu.e/~s1378/logo034.gif border=1></a>'

leftrightslide[3]='<a href="nknucc.nknu.e/~s1378/wjs-11-gfm"><img src=nknucc.nknu.e/~s1378/logo031.gif border=1></a>'

var speed=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=speed">

</layer>

</ilayer>

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

‘叁’ html怎么设置滚动图片

方案一：直接使用HTML的滚动标签 marquee ，把图片放入滚滚标签内部，代码如下：

<marquee>

<img src='1.jpg'>

<img src='2.jpg'>

<img src='3.jpg'>

<img src='4.jpg'>

</marquee>

方案二：使用第三方插件，比如swiper.js，

插件

‘肆’ 网页制作怎样让图片滚动

这个软件还真没用过 直接加段代码不行吗？用 marqueemarquee 参数： BGColor：滚动文本框的背景颜色。 Direction：滚动方向设置，可选择Left、Right、up和down。 scrolldelay：每轮滚动之间的延迟时间，越大越慢。 scrollamount：一次滚动总的时间量，数字越小滚动越慢。 Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动） lide（单次滚动）、Alternate（来回滚动）。 Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。 Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。 Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。 loop：滚动次数。默认为infinite hspace、vspace：前后、上下的空行。 滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动！(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。 建立第一个滚动字幕。代码： <marquee scrollAmount=2 width=300靓丽风景线</marquee

‘伍’ 网页制作图片滚动

<marqueedirection=upheight=75onMouseOut=this.start()onMouseOver=this.stop()scrollamount=1scrolldelay=100width="180"id=MARQUEE1>滚动内容</marquee>
Direction参数可设置:updownleftright(控制滚动方向)
Scrolldelay=100(100就是速度，值越大滚动越快……)
onMouseOut=this.start()........鼠标移出状态滚动
onMouseOver=this.stop().........鼠标经过时停止滚动
基本语法
<marquee>...</marquee>
移动属性的设置,这种移动不仅仅局限于文字，也可以应用于图片，表格等等
方向
<direction=#>#=left,right,up,down<marqueedirection=left>从右向左移！</marquee>
方式
<bihavior=#>#=scroll,slide,alternate<marqueebehavior=scroll>一圈一圈绕着走！</marquee>
<marqueebehavior=slide>只走一次就歇了！</marquee>
<marqueebehavior=alternate>来回走</marquee>
循环
<loop=#>#=次数；若未指定则循环不止(infinite)<marqueeloop=3width=50%behavior=scroll>只走3趟</marquee><P>
<marqueeloop=3width=50%behavior=slide>只走3趟</marquee>
<marqueeloop=3width=50%behavior=alternate>只走3趟！</marquee>
速度
<scrollamount=#><marqueescrollamount=20>啦啦啦，我走得好快哟！</marquee>
延时
<scrolldelay=#><marqueescrolldelay=500scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
外观(Layout)设置
对齐方式(Align)
<align=#>#=top,middle,bottom<fontsize=6>
<marqueealign=#width=400>啦啦啦，我会移动耶！</marquee>
</font>
底色
<bgcolor=#>#=rrggbb16进制数码，或者是下列预定义色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,
Fuchsia,White,Green,Purple,Silver,Yellow,Aqua<marqueebgcolor=aaaaee>颜色！</marquee>
面积
<height=#width=#><marqueeheight=40width=50%bgcolor=aaeeaa>面积！</marquee>
空白
(Margins)<hspace=#vspace=#>
<marqueehspace=20vspace=20width=150bgcolor=ffaaaaalign=middle>面积！</marquee>

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

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

示例用法：

<html>

<head><title>123</title></head>

<body style="width:1024px; height:2000px;">

<p style="width:100px; height:100px; background-color:red;position:fixed; z-index:999; top:100px; right:0px;">

<img src="图片地址" />

<p>

</body>

</html>

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

效果如下：

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

‘柒’ 怎么用网页制作做出图片滚动效果大神们帮帮忙

1.<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount="2"散源 direction="up" behavior="scroll">把你的内容放这里<睁掘此/marquee>这个代码是比较简单的示例，会有空白，如果不想有空白的话还是需要JS的。 2.<MARQUEE scrollAmount=1 scrollDelay=1 direction=right width=180 height=250><IMG src="图片网址" width=180 border=0> <IMG src="图片网址悉迅" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <DIV></DIV></MARQUEE></CENTER> 数值可以变换，数值的变换可以影响图片速度的滚动！图片滚动方向也可以换！都是简单的英语单词，大家在变换的时候应该没有问题 上下滚动图片代码: 代码：<CENTER> <MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=170 height=250> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV></MARQUEE></CENTER> 注：direction方向 可UP可DOWN 宽高 可以换

‘捌’ 怎么能让html网页图片滚动起来，而且居中

html网页图片滚动方法如下：
1把图片样式的position属性设置为static，
2然后指定固定的位置，就可以了。

tml网页图片居中方法如下：
第一种方法：
设置父元素内文字居中即可让图片居中。
element{ text-align:center; }
第二种方法：
设置图片为块级元素，设置左右margin为auto即可让图片居中。
img{ display:block;margin-left:auto;margin-right:auto; }