网页设计怎么让图片滚动播放-织梦企业模板-站长建站的模板站
Website Home
你这个问题回答起来要表述的太多。其实你可以上网搜网页特效代码,查图片无缝滚动效果。然后直接修改成自己的。至6张,你前面不是定义了4张吗你还是直接去搜索“js特效”吧,那样你能够找到一些代码,这些代码都是精简过的如果是做过网站的倒是可以通过查看网页源代码,把其中有用的截取出来(前提是对方没有加密)图片.字,表格等等所有的网页元素都可以通过来实现.其中有很多属性:(属性写在)滚动方向----direction=(up、down、left、right)滚动方式----behavior=(scroll、slide、alternate)滚动速度----scrollamount=(数字例:30=每次移动30像素)滚动延迟----scrolldelay=(数字例:500=0.5秒)滚动循环----loop=(数字例:10=10次)滚动范围----width、height=(数字450=405像素)滚动背景----bgcolor=(颜色的英文或是颜色代码)特殊属性:鼠标经过滚动停止----onmouseover=“this.stop()”鼠标离开滚动继续----onmouseout=“this.start()”希望我的回答能帮到你,不懂的话可以加我QQ:pmjlp@qq.com我是成都电子科大科园教育软件专业罗老师,在成都本地的话,可以直接过来找我!引用一个JS文件,在里面编辑如下格式//=======广告轮播图的实现=======var_index=0;//初始化序列vartimePlay=null;$("#Adv.ImgList").eq(0).show().siblings("div").hide();//最开始显示第一张$("ul.buttonli").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();//启用定时播放器});//自动轮播//构建自动轮播的函数functionautoPlay(){//alert("sss");//设置定时器timePlay=setInterval(function(){_index++;if(_index<4){if(_index==3){_index=-1;}//变成-1$("ul.buttonli").eq(_index).addClass("hover").siblings().removeClass("hover");//显示按扭$("#Adv.ImgList").eq(_index).fadeIn().siblings("div").fadeOut();//显示图片}else{_index=-1;/*设置序列号为-1,跳到播放第一张图片*/}},2000);};autoPlay();//调用和执行本回答被网友采纳你这个问题回答起来要表述的太多。其实你可以上网搜网页特效代码,查图片无缝滚动效果。然后直接修改成自己的。至6张,你前面不是定义了4张吗本回答被网友采纳留邮箱,我明天上班发给你,我收集了很多js滚动焦点图的代码,还有其他的一些网页效果,再给你推荐一个网站:站酷,这个网站做的很好看,里面的素材也是相当的好,建议你去逛逛,里面一定有你需要的东西!后面一个window.onload赋值覆盖了前面的.只要把window.onload=menuFix;去掉在window.onload=functionshowAds(){addCount();setTimeout(noneAds(),4000);}加上调用,变成window.onload=functionshowAds(){addCount();setTimeout(noneAds(),4000);menuFix();}文字滚动是由<marquee></marquee>控制的。marquee的参数如下:1、方向<direction=#>#=left,right如:<marqueedirection=left>啦啦啦,我从右向左移!</marquee><marqueedirection=right>啦啦啦,我从左向右移!</marquee>2、方式<bihavior=#>#=scroll,slide,alternate如:<marqueebehavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee><marqueebehavior=slide>啦啦啦,我只走一次就歇了!</marquee><marqueebehavior=alternate>啦啦啦,我来回走耶!</marquee>3、循环<loop=#>#=次数;若未指定则循环不止(infinite)如:<marqueeloop=3width=50%behavior=scroll>啦啦啦,我只走3趟哟!</marquee><marqueeloop=3width=50%behavior=slide>啦啦啦,我只走3趟哟!</marquee><marqueeloop=3width=50%behavior=alternate>啦啦啦,我只走3趟哟!</marquee>4、速度<scrollamount=#>如:<marqueescrollamount=20>啦啦啦,我走得好快哟!</marquee>5、延时<scrolldelay=#>如:<marqueescrolldelay=500scrollamount=100>啦啦啦,我走一步,停一停!</marquee>6、对齐方式(Align)<align=#>#=top,middle,bottom如:<fontsize=6><marqueealign=#width=400>啦啦啦,我会移动耶!</marquee></font>7、底色<bgcolor=#>#=rrggbb16进制数码,或是下列预定义色彩:Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua如:<marqueebgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>8、面积<height=#width=#>如:<marqueeheight=40width=50%bgcolor=aaeeaa>啦啦啦,我会移动耶!</marquee>9、空白(Margins)<hspace=#vspace=#><marqueeid="scrollarea"direction="up"scrolldelay="10"scrollamount="1"width="150"height="80"onmouseover="this.stop();"onmouseout="this.start();">------------------------------------------------------------------------------------------------------------------------------<marquee></marquee>以下是1个最容易的例子:代码如下:<marquee><fontsize=+3color=red>Hello,World</font></marquee>下边这2个事件常常用到:onMouseOut="this.start()":用来设置鼠标移出该区域时继续滚动onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动代码如下:<marquee>onMouseOut="this.start()":用来设置鼠标移出该区域时继续滚动:用来设置鼠标移入该区域时停止滚动</marquee>这是1个完整的例子:代码如下:<marqueealign="left"behavior="scroll"bgcolor="#FF0000"direction="up"height="300"width="200"hspace="50"vspace="20"loop="-1"scrollamount="10"scrolldelay="100">这是1个完整的例子</marquee>该标签支持的属性多达11个:align设定<marquee>标签内容的对齐方式absbottom:绝对底部对齐(与g、p等字母的最下端对齐)absmiddle:绝对中央对齐baseline:底线对齐bottom:底部对齐(默认)left:左对齐middle:中间对齐right:右对齐texttop:顶线对齐top:顶部对齐