㈠ 有些网页上的图片可以在整个页面来回移动,怎么做到的
学习了
㈡ 网页制作怎样让图片滚动
网页图片无缝滚动实现代码:
<style type="text/css">
<!--
ul,li,div{margin:0; padding:0; font-size:12px;}
#demo {
width:678px; float:right; overflow:hidden;height:144px; border:none;
}
#indemo {
float: left;
width: 800%;
}
#demo1,#demo2{height:144px;float:left; display:inline-table;}
#demo1 li,#demo2 li{ width:127px; height:144px; float:left; padding-left:8px; }
#demo1 li img,#demo2 li img{ display:block; background:#ccc; padding:1px; border:1px solid #ccc;}
#demo1 li span,#demo2 li span{ width:127px; height:30px; line-height:30px; text-align:center; overflow:hidden;}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<ul>
<li><a href="#"><img src="http://boaer.comimg/temp01.gif" width="123" height="110" /></a><span><a href="#">产品名称</a></span></li>
<li><a href="#"><img src="http://boaer.comimg/temp02.gif" width="123" height="110" /></a><span><a href="#">产品名称</a></span></li>
<li><a href="#"><img src="http://boaer.comimg/temp03.gif" height="110" /></a><span><a href="#">产品名称</a></span></li>
</ul></div><div id="图片展示代码例子"></div></div></div><script>
<!--
var speed=20; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script></td>
</tr>
</table>
㈢ 网页制作图片滚动
<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>
㈣ 急求!!!在网页中怎样让几张连续图片来回滚动,用HTML什么代码谢了
<marquee scrollamount="5" width="700" height="146"><br><p><a href="点击图片后跳转的地址" target="_blank"><img src="图片地址" style="width: 120px; height: 120px;" width="120" border="0" height="120"></a>
</marquee>
--------------------------------------------------------------------------------------------------------------------------
还可以加入如下鼠标事件,当鼠标划过时停止。
</marquee onmouseover=this.stop(); onmouseout=this.start(); >
</marquee>
㈤ 网页上怎么制作滚动的图片
网站循环滚动图片需要js代码制作
第一步,可以去相关的js特效网站下载一个你所需要的代码
第二步,用DW修改路径改为你自己网站的路径
第三步,把你所做的图片上传到空间
第四步,添加代码路径及调用js文件网站保存
㈥ 网页制作中的滚动图片是如何做出来的
你如果是问在网页制作中的滚动图片是如何做出来的话,你可以在Flash中做好在导入到网页制作软件中就可以了
㈦ 网页设计怎样使图片在网页中任意的飘来飘去,例如广告图片之类的
可以用jQuery写
1.漂浮的窗口肯定是position:absolute脱离文档流的
2.在浏览器可视范围内飘动
3.飘动过程可分解为垂直(上、下)和水平(左、右)方向,同一时间内会同时向垂直和水平两个方向同时移动,可能的情况会有上左、上右、下左、下右
基本的思路是创建一个函数,函数的作用是使元素移动,然后定时执行这个函数,以让元素持续移动,形成漂浮效果。基本上这些持续的元素移动都是基于 setInterval(func,delay) 函数,例如:setInterval(move,30),第一个参数是要定时执行的函数,第二个参数是时间间隔,单位是毫秒
详情参考网页:
网页链接
这个更简单,希望你能看得懂
网页链接