Ⅰ 网页制作怎么实现图片左右定时自动滚动，用JS jquery代码怎么实现
函数
描述
$(selector).hide()
隐藏被选元素
$(selector).show()
显示被选元素
$(selector).toggle()
切换（在隐藏与显示之间）被选元素
$(selector).slideDown()
向下滑动（显示）被选元素
$(selector).slideUp()
向上滑动（隐藏）被选元素
$(selector).slideToggle()
对被选元素切换向上滑动和向下滑动
$(selector).fadeIn()
淡入被选元素
$(selector).fadeOut()
淡出被选元素
$(selector).fadeTo()
把被选元素淡出为给定的不透明度
$(selector).animate()
对被选元素执行自定义动画
speed
参数规定显示或隐藏的速度。可以设置这些值："slow",
"fast",
"normal"
或毫秒。
callback
参数是在
hide
或
show
函数完成之后被执行的函数名称
自己整理，绝非抄袭!
Ⅱ 网页制作图片滚动
<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>
Ⅲ 网页制作中的滚动图片是如何做出来的
图片滚动代码 (从右向左滚动)
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img src="图片 " alt="" />
<img src="图片" alt="" />
</marquee>
图片滚动代码 (从下往上滚动)
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img src="图片 " alt="" />
<img src="图片" alt="" />
</marquee>
参数 用法介绍
behavior=scroll, slide, alternate 方式：循环绕行;只跑一次就停住;来回往复运动
scrollamount=20 速度：数越大越快
Ⅳ 如何在网页制作中将图片设置为滚动
1、素材的准备。为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的；
Ⅳ 网页上怎么制作滚动的图片
图片跑马灯效果如果使用<maquee>标签就会出现图片滚动时出现空白的地方，页面会变的不怎么顺畅！ 但是使用div层实现图片跑马灯效果就会使图片衔接的很紧凑，页面效果也会美观点！如下例：（src填写你的图片路径）;这个就是在表格里面添加的div标签，在你想要添加的表格处加上和下面一样的div层就可以了，javascript代码放在最后（即</body>上面即可） <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片跑马灯</title> </head> <body> <div style="overflow:hidden; width:350px" id='div'> <table width="308" border="1" align="center"> <tr> <td ><div id="div1" style=" display:inline"> <img src="跑马灯/ad-01.jpg" width="214" height="203" style="display:inline"/><img src="跑马灯/ad-02.jpg" width="214" height="203" style="display:inline"/><img src="跑马灯/ad-03.jpg" width="214" height="203"style="display:inline" /> </div> </td> <td> <div id='div2' style=" display:inline"></div> </td> </tr> </table> </div> <script type="text/javascript"> document.getElementById('div2').innerHTML=document.getElementById('div1').innerHTML; function move(){ if(document.getElementById('div2').offsetWidth-document.getElementById('div').scrollLeft<=0){ document.getElementById('div').scrollLeft-=document.getElementById('div1').offsetWidth; } document.getElementById('div').scrollLeft++; } setInterval("move()",10) </script> </body> </html>
Ⅵ 如何制作滚动图片
1、电脑打开美图秀秀，然后点击左上角的打开。
Ⅶ 网页中的图片滚动效果是怎么实现的啊
设置层高，比如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像素漂浮着。
Ⅷ 网页制作中如何制作滚动图片
是通过jquery实现的，你找一个引用。然后在页面添加如下JS代码
//=======广告轮播图的实现=======
var _index=0;//初始化序列
var timePlay=null;
$("#Adv .ImgList").eq(0).show().siblings("div").hide();//最开始显示第一张
//#Adv .ImgList换成你的ID或CLASS
$("ul.button li").hover(function(){/*鼠标在上面*/
clearInterval(timePlay);//清处定时播放器
_index=$(this).index();//获取当前li序列号
//alert(_index);//弹窗
$(this).addClass("hover").siblings().removeClass("hover");//显示按扭
//fadeIn 淡入 fadeOut 淡出 你也可以选别的切换方式
$("#Adv .ImgList").eq(_index).fadeIn().siblings("div").fadeOut();//显示图片
},function(){/*鼠标移开*/
autoPlay();//启用定时播放器
});
//自动轮播
//构建自动轮播的函数
function autoPlay(){
//alert("sss");
//设置定时器
timePlay=setInterval(function(){
_index++;
if(_index<4){
if(_index==3){_index=-1; }//变成-1
$("ul.button li").eq(_index).addClass("hover").siblings().removeClass("hover");//显示按扭
$("#Adv .ImgList").eq(_index).fadeIn().siblings("div").fadeOut();//显示图片
}else{_index=-1;/*设置序列号为-1,跳到播放第一张图片*/}
},2000);
};
autoPlay();//调用和执行
//不知道你能否了解