html怎么设置图片游动，插入一张图片后如何设置图片的DHTML效果为网页加载时跳跃啊

本文目录一览

1，插入一张图片后如何设置图片的DHTML效果为网页加载时跳跃啊
2，html里如何实现图片滚动
3，DW里如何实现这种图片滚动的效果
4，网页图片滚动

1，插入一张图片后如何设置图片的DHTML效果为网页加载时跳跃啊

工具-自定义-工具栏-选中要加的内容

第二栏"选择一种效果"中选择一种网页加载时的动态效果，然后在最后一栏中选择在鼠标悬停时需要产生的动态形式，根据不同的动态效果有不同的动态形式。frontpage2003...

插入一张图片后如何设置图片的DHTML效果为网页加载时跳跃啊

2，html里如何实现图片滚动

去百度搜索一个“向左/向右的图片滚动”代码

等老师教了就知道了撒！！

onm ouseout="this.scrollDelay=1" width="100"> 中间放你的图片，自已再改下marquee属性

<a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.newxing.com%2ftech%2fwebdevelop%2fjavascript%2f53.html" target="_blank">http://www.newxing.com/tech/webdevelop/javascript/53.html</a>   这里有个实例..你看一下吧     上滚动。。下滚动..左滚动..右滚动都有。

html里如何实现图片滚动

3，DW里如何实现这种图片滚动的效果

这个效果需要运用到javascript才可以进行实现这种图片的滚动。而html里面的marquee标签只能进行左右滚动，并且进行设置相应的滚动方式，这个标签相对来说用的就比较简单了。例如：欢迎来到魔人牛牛新浪博客！这里面可以有相应的参数：marquee 参数：BGColor：滚动文本框的背景颜色。Direction：滚动方向设置，可选择Left（从右到左）、Rightup（从下到上）和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：前后、上下的空行。

设计面板里面选中你要滚动的字再进入代码里面代码里面就会显示你带设计面板里面选中的字在字的前后打上再回到设计面板在右边标签检查器 - 属性 -direction(选中你要滚动的字才会出现) 这里面是调滚动的方向下面还有滚动的速度等等自己调最后预览

要用javascript来实现自动滚动需要用到 interval

DW里如何实现这种图片滚动的效果

4，网页图片滚动

以前我们站点也介绍过连续滚动的图片，但缺陷是有间断。如何制作连续不间断的播放滚动呢？请参看制作方法： 　　先制作向上滚动的效果： 　　插入代码：  <base href=" <a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.venshop.com%2f%22%3e" target="_blank">http://www.venshop.com/"></a> <div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff> <div id=demo1>  <img src="images/logo_1.gif"> <img src="images/logo/flashempire.gif"> <img src="images/logo.gif"> <img src="images/logo/5dmedia.gif"> <img src="images/logo/macromedia.gif"> <img src="images/logo/sucaiw.gif"> <img src="images/logo/blueieda.gif"> <img src="images/logo/htmlcn.gif"> <img src="images/logo/fwcn.gif"> </div> <div id=demo2></div> </div> <script> var speed=30 demo2.innerhtml=demo1.innerhtml function marquee(){ if(demo2.offsettop-demo.scrolltop<=0) demo.scrolltop-=demo1.offsetheight else{ demo.scrolltop++ } } var mymar=setinterval(marquee,speed) demo.onmouseover=function() {clearinterval(mymar)} demo.onmouseout=function() {mymar=setinterval(marquee,speed)} </script> 　　制作向下滚动的效果： 　　将上面“制作向上滚动的效果”中的红色字体js部分替换成： <script> var speed=30 demo2.innerhtml=demo1.innerhtml demo.scrolltop=demo.scrollheight function marquee(){ if(demo1.offsettop-demo.scrolltop>=0) demo.scrolltop+=demo2.offsetheight else{ demo.scrolltop-- } } var mymar=setinterval(marquee,speed) demo.onmouseover=function() {clearinterval(mymar)} demo.onmouseout=function() {mymar=setinterval(marquee,speed)} </script> 　　制作向左滚动的效果： <base href=" <a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.venshop.com%2f%22%3e" target="_blank">http://www.venshop.com/"></a> <div id=demo style=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff> <table align=left cellpadding=0 cellspace=0 border=0> <tr> <td id=demo1 valign=top><img src="images/logo_1.gif"><img src="images/logo/flashempire.gif"><img src="images/logo.gif"><img src="images/logo/5dmedia.gif"><img src="images/logo/macromedia.gif"><img src="images/logo/sucaiw.gif"><img src="images/logo/blueieda.gif"><img src="images/logo/htmlcn.gif"><img src="images/logo/fwcn.gif"> </td> <td id=demo2 valign=top></td> </tr> </table> </div> <script> var speed=30 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> 　　制作向右滚动的效果： 　　将上面“制作向左滚动的效果”中的红色字体js部分替换成： <script> var speed=30 demo2.innerhtml=demo1.innerhtml demo.scrollleft=demo.scrollwidth function marquee(){ if(demo.scrollleft<=0) demo.scrollleft+=demo2.offsetwidth else{ demo.scrollleft-- } } var mymar=setinterval(marquee,speed) demo.onmouseover=function() {clearinterval(mymar)} demo.onmouseout=function() {mymar=setinterval(marquee,speed)} </script> 　　制作的方法就简单的介绍完成了。

文章TAG：html 怎么设置图片 html怎么设置图片游动