×

图片滚动代码

图片滚动代码?html图片滚动代码

admin admin 发表于2022-05-17 11:56:10 浏览115 评论0

抢沙发发表评论

图片滚动代码


图片滚动代码

《MARQUEE width=500 height=95 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay=“0“》《IMG src=“pic/logo.gif“》《IMG src=“images/aiving.gif“》《/MARQUEE》

1.图片尺寸为原始大小
2. scrollAmount 它表示速度,值越大速度越快。
3. width 是滚动区域的宽度,height 滚动区域的高度。
4. 加入onmouseover=stop() onmouseout=start()代码,鼠标指向循环文字图片时他们会停止滚动,鼠标离开时继续滚动。
5.用《a href=》和《/a》把《img》包围可以给滚动图片加上超级链接,并且img必须设border=0,否则图片会出现边框。
6.滚动方向可参见本专题“文字滚动代码”。

--------
请求加分给我

html图片滚动代码


《!--下面是向上滚动代码--》

《div id=butong_net_top
style=overflow:hidden;height:100;width:90;》
《div id=butong_net_top1》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《/div》
《div
id=butong_net_top2》《/div》
《/div》
《script》
var speed=30
butong_net_top2.innerHTML=butong_net_top1.innerHTML
//克隆butong_net_top1为butong_net_top2
function Marquee1(){
//当滚动至butong_net_top1与butong_net_top2交界时
if(butong_net_top2.offsetTop-butong_net_top.scrollTop《=0)&《60;&《60;
butong_net_top.scrollTop-=butong_net_top1.offsetHeight
//butong_net_top跳到最顶端
else{
butong_net_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
butong_net_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
butong_net_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
《/script》

《!--向上滚动代码结束--》

《br》

《!--下面是向下滚动代码--》

《div id=butong_net_bottom
style=overflow:hidden;height:100;width:90;》
《div id=butong_net_bottom1》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《/div》
《div
id=butong_net_bottom2》《/div》
《/div》
《script》
var speed=30
butong_net_bottom2.innerHTML=butong_net_bottom1.innerHTML
butong_net_bottom.scrollTop=butong_net_bottom.scrollHeight
function Marquee2(){
if(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop》=0)
butong_net_bottom.scrollTop+=butong_net_bottom2.offsetHeight
else{
butong_net_bottom.scrollTop--
}
}
var MyMar2=setInterval(Marquee2,speed)
butong_net_bottom.onmouseover=function()
{clearInterval(MyMar2)}
butong_net_bottom.onmouseout=function()
{MyMar2=setInterval(Marquee2,speed)}
《/script》

《!--向下滚动代码结束--》

《br》

《!--下面是向左滚动代码--》

《div id=“butong_net_left“
style=“overflow:hidden;width:500px;“》
《table cellpadding=“0“ cellspacing=“0“
border=“0“》
《tr》《td
id=“butong_net_left1“ valign=“top“
align=“center“》
《table cellpadding=“2“ cellspacing=“0“
border=“0“》
《tr align=“center“》
《td》《img
src=“《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《/tr》
《/table》
《/td》
《td id=“butong_net_left2“
valign=“top“》《/td》
《/tr》
《/table》
《/div》
《script》
var speed=30//速度数值越大速度越慢
butong_net_left2.innerHTML=butong_net_left1.innerHTML
function Marquee3(){
if(butong_net_left2.offsetWidth-butong_net_left.scrollLeft《=0)
butong_net_left.scrollLeft-=butong_net_left1.offsetWidth
else{
butong_net_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
butong_net_left.onmouseover=function()
{clearInterval(MyMar3)}
butong_net_left.onmouseout=function()
{MyMar3=setInterval(Marquee3,speed)}
《/script》

《!--向左滚动代码结束--》

《br》

《!--下面是向右滚动代码--》

《div id=“butong_net_right“
style=“overflow:hidden;width:500px;“》
《table cellpadding=“0“ cellspacing=“0“
border=“0“》
《tr》《td
id=“butong_net_right1“ valign=“top“
align=“center“》
《table cellpadding=“2“ cellspacing=“0“
border=“0“》
《tr align=“center“》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《/tr》
《/table》
《/td》
《td id=“butong_net_right2“
valign=“top“》《/td》
《/tr》
《/table》
《/div》
《script》
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft《=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function()
{clearInterval(MyMar4)}
butong_net_right.onmouseout=function()
{MyMar4=setInterval(Marquee4,speed)}
《/script》

《!--向右滚动代码结束--》

html图片无缝滚动代码怎么写


marquee和js两种方法,我建议使用js的,marquee兼容性不好,只兼容IE浏览器。

《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“》
《HTML xmlns=“http://www.w3.org/1999/xhtml“》
《HEAD》
《meta charset=“utf-8“ /》
《TITLE》分别用marquee和div+js实现首尾相连循环滚动效果《/TITLE》
《/HEAD》
《BODY》
用marquee实现首尾相连循环滚动效果(仅IE):《br /》《br /》
《MARQUEE behavior=“scroll“ contenteditable=“true“ onstart=“this.firstChild.innerHTML+=this.firstChild.innerHTML;“ scrollamount=“3“ width=“100“》《SPAN unselectable=“on“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《/SPAN》《/MARQUEE》
《br /》《br /》用DIV+javascript实现首尾相连循环滚动效果(兼容firefox):《br /》《br /》
《DIV id=“scrollobj“ style=“white-space:nowrap;overflow:hidden;width:500px;“》《span》这里是要滚动的内容《/span》《/DIV》
《script language=“javascript“ type=“text/javascript“》
《!--
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft》=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval(“scroll(document.getElementById(’scrollobj’))“,20);
//--》
《/script》
《/BODY》
《/HTML》

望采纳!