在ASP.NET里怎么让图片滚动~~

在ASP.NET里怎么让图片滚动~~,第1张

将以下代码粘到前台.aspx文件中

<div id=maq style=overflow:hiddenheight:150pxwidth:155pxalign=left>

<div id=mtext>

....放用DataList控件,绑定图片即可

</div>

<div id=m0></div>

</div>

<script>

var speed=40 //调整滚动速度

m0.innerHTML=mtext.innerHTML

function Marquee(){

if(m0.offsetTop-maq.scrollTop<=0)

maq.scrollTop-=mtext.offsetHeight

else{

maq.scrollTop++

}

}

var MyMar=setInterval(Marquee,speed)

maq.onmouseover=function() {clearInterval(MyMar)}

maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</script>

<div id="c_9">

<marquee direction="left" TrueSpeed scrollamount="1" scrolldelay="30" onMouseOver="this.stop()" onMouseOut="this.start()">

<img src="images/p_0/p_1.jpg" width="150" height="130" border="1" />

<img src="images/p_0/p_2.jpg" width="150" height="130" border="1" />

<img src="images/p_0/p_3.jpg" width="150" height="130" border="1" />

</marquee>

</div>

附:循环滚动基本语法

<marquee>... </marquee>

移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等

方向

<direction=#>#=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>

方式

<bihavior=#>#=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>

<marquee behavior=slide>只走一次就歇了!</marquee>

<marquee behavior=alternate>来回走</marquee>

循环

<loop=#>#=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee><P>

<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>

<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>

速度

<scrollamount=#><marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

延时

<scrolldelay=#><marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

外观(Layout)设置

对齐方式(Align)

<align=#>#=top, middle, bottom <font size=6>

<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>

</font>

底色

<bgcolor=#>#=rrggbb 16 进制数码,或者是下列预定义色彩:

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>

面积

<height=# width=#><marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>

空白

(Margins)<hspace=# vspace=#>

<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/6702048.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-27
下一篇 2023-03-27

发表评论

登录后才能评论

评论列表(0条)

保存