marquee元素怎么样达成滚动字体与图片的成效
marquee元素可以达成容易的字体(图片等)的滑动等成效:
<styletype="text/css">
#p01{
width:500px;
}
</style>
<scripttype="text/javascript">
</script>
<marqueebehavior="alertnate"><fontsize=30color='red'>www.baidu.com111</font></marquee>
<marqueedirection=rightbgcolor='#ff2233'behavior="alertnate"><fontsize=30color='blue'>www.baidu.com222</font></marquee>
<marqueeid="m3"direction=downbgcolor='#dbdbdb'height=50pxhspace=20pxvspace=20pxbehavior="alertnate"scrollLeft=leftonmou网站优化ver="this.sTOP()"onmou网站优化ut="this.start()"><fontsize=30color='blue'>www.baidu333.com</font></marquee>
<marqueeid="m4"direction=upbgcolor='#00dbdb'behavior="alertnate"><fontsize=30color='blue'>www.baidu444.com</font></marquee>
<pid="p01"><marqueedirection=rightbgcolor='#ff2233'behavior="alertnate"scrolldelay=100><fontsize=30color='blue'>www.baidu.com555</font></marquee></p>
<inputtype="button"onclick="m3.sTOP();"value="m3.sTOP"></input>
<inputtype="button"onclick="m3.start();"value="m3.start"></input>
<buttononclick="m4.sTOP();">m4.sTOP</button>
<buttononclick="m4.start();">m4.start</button>
direction表示滚动的方向,值可以是left,right,up,down,默觉得left
behavior表示滚动的方法,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop表示循环的次数,值是正整数,默觉得无限循环
scrollamount表示运动速度,值是正整数,默觉得6
scrolldelay表示停顿时间,值是正整数,默觉得0,单位好像是毫秒
align表示元素的垂直对齐方法,值可以是TOP,middle,bottom,默觉得middle
bgcolor表示运动地区的背景色,值是16进制的RGB颜色,默觉得白色
height、width表示运动地区的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100%height为标签内元素的高度
hspace、vspace表示元素到地区边界的水平距离和垂直距离,值是正整数,单位是像素。
onmou网站优化ver=this.sTOP()onmou网站优化ut=this.start()表示当鼠标以上地区的时候滚动停止,当鼠标移开的时候又继续滚动。
以下是设置点击按钮时m3、m4的滚动或停止:
<inputtype="button"onclick="m3.sTOP();"value="m3.sTOP"></input>
<inputtype="button"onclick="m3.start();"value="m3.start"></input>
<buttononclick="m4.sTOP();">m4.sTOP</button>
<buttononclick="m4.start();">m4.start</button>
本文转载自中文网
希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
►本文网址:http://www.nsxcb.cn/HTML/HTMLjichu/20220501/14020.html
►凡本站提供教程均已验证教程的准确性。