图片滚动

转载 2012年03月27日 18:13:14

<MARQUEE  onmouseover=stop()  onmouseout=start()  scrollAmount=3  loop=infinite  deplay="0"><IMG  src="第一张图片地址"  ><IMG  src="第二张图片地址"></MARQUEE>
注释:
1) scrollAmount。它表示速度,值越大速度越快。
2) 加入onmouseover=stop()  onmouseout=start()代码,鼠标指向循环文字图片时他们会停止滚动,鼠标离开时继续滚动

滚动图片加超链接
用<a  href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现边框。例子如下:
<MARQUEE scrollAmount=3 loop=infinite deplay="0"><a href="链接网址"><img src="图片网址" border=0></a></MARQUEE>

图片从右到左滚动
<MARQUEE width=宽 height=高 onmouseover=stop() onmouseout=start() scrollAmount=速度 loop=infinite deplay="0"><img src="图片地址 "><img src="图片地址 ">···</MARQUEE> 

图片从下到上滚动
<marquee behavior="scroll" direction=up width="宽" height="高" scrollamount="5"  onmouseout="this.start()"><img src="图片网址 "><img src="图片网址 ">···</marquee>

带有超链接的图片实现滚动效果
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"><a target="cont" href="连接地址"><img src="http://图片地址" idth="88" height="33" border="0"></a><a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a></marquee>

图片或文字加边框
双线:<div style="border:3px double #ffffff;">文字</div>
虚线:<div style="border:1px dashed #ffffff;">文字</div>
实线:<div style="border:1px solid #ffffff;">文字</div>
外凸:<div style="border-style:outset; border-width:1px;">图片或文字</div>
火焰文字:<div style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><font size="5">文字</font></div>


ASP:循环滚动图片的代码+解释

标签是很方便,但要实现不间断的滚动确比较麻烦. offsetWidth是指物体可见宽度 scrollLeft是指滚动滑块在滚动条上的位置 demo的overflow属性一般为hidden...
  • shenbau
  • shenbau
  • 2014年05月25日 20:01
  • 441

<html5+css3+js>javascript实现图片滚动播放功能

html5: ...
  • qq_17615475
  • qq_17615475
  • 2016年01月07日 10:05
  • 3942

android图片全景360°自动(手动)循环滚动

功能: 按照一定的速度自动滚动。 当手指进行操作则停止滚动,手指放开则继续滚动。 可以设置为无限循环滚动或者无限往复滚动。 可以设置滚动速度。...
  • jiguangcanhen
  • jiguangcanhen
  • 2015年01月28日 17:57
  • 1617

ASP水平无间隙滚动图片代码

                       sql="select top 8 * from SMT_cp where SMT_key=1 and SMT_key1=1 and SMT...
  • xksteven
  • xksteven
  • 2007年12月17日 17:21
  • 2703

自定义循环滚动的图片播放器 ScrollingImageListView说明及示例

ScrollingImageListView 的 Demo已分享在Github,源码注释清晰,欢迎查看指正。ScrollingImageListView说明及示例先看效果图ScrollingImage...
  • sinat_15417921
  • sinat_15417921
  • 2016年11月29日 17:54
  • 355

CSS3实现图片滚动播放效果

作者注:本文同步发在中梦
  • u013741507
  • u013741507
  • 2014年08月23日 16:10
  • 6229

JS+CSS控制图片滚动方向

http://www.w3.org/1999/xhtml">css+js控制图片展示body{  padding: 0px;  margin: 0px;  font: 70% verdana, gen...
  • panqingbiao
  • panqingbiao
  • 2007年08月17日 17:05
  • 1090

[前端] 图片滚动效果

没事写了个图片滚动的效果,就是下图: 简单讲下: 插件是基于jQuery写的,主要实现的功能:自动播放、鼠标悬停、左右箭头控制+禁止点击 CSS样式: style> .coopera...
  • u010081689
  • u010081689
  • 2015年08月11日 15:17
  • 1212

几个div+css图片滚动显示的代码

由下往上的:12br>3456789可以是任何的HTML内容HTMLvar ij=0;t=demo.scrollTopdemo2.innerHTML=demo1.innerHTMLfunction q...
  • yanying461471
  • yanying461471
  • 2009年08月19日 09:33
  • 3269

连续不间断滚动图片 图片从数据库中调出

连续向左不间断滚动http://www.alixixi.com/images/face/image21.gif" onclick="javascript:window.open(this.src);"...
  • chenchengtao
  • chenchengtao
  • 2008年04月30日 15:36
  • 340
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片滚动
举报原因:
原因补充:

(最多只允许输入30个字)