|
无缝滚动简单制作方法
我们在浏览网页时会看到有的网页有图片或文字滚动,只要你打开该页面,它就是一个劲的滚动着,只有您把鼠标移动到滚动的图片或文字上时才停止滚动,但是把鼠标移开后又开始滚动了,这种鼠标移动到图片或文字上就停止滚动的我们把它叫做鼠标触发行为。
这种滚动方式的制作一般是利用Dreamweaver(网站开发软件)制作的,但在Dreamweaver软件中制作的一般都不是无缝的,如果要制作无缝的滚动,还需要插入一些行为及js,这样才能达到无缝滚动,这
些都需要有点语言编程的知识才能实现。为了方便起见,现把一段可操作的代码发布到网上,供大家共享:整个滚动代码如下:
<div id=demo style="overflow:hidden; width:163px; height:93px; padding-top:3px; color:#FF0000;">
<div id=demo1>
<p>上海公司拥有自己的专业车队,有国产大吨位车辆百余辆,另有千多部大型合同车,所有的运输车辆及运输司机都经过严格的考查、考核、都制定了统一的运行标准、量化指标、奖罚制度、及专门管理。并为所有的车辆提供后勤保障服务。</p>
<p> </p>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=90
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td>
<td width="718"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
操作方法:新建一个页面,在设计面板中插入一个表格,切换到代码视图中,把上面的这段代码复制,再粘贴到代码视图的表格中间,保存浏览网页。
如果您按照上面的方法操作没有达到预期效果,可加我的QQ号或来电咨询,可远程指导。
关键字索引:上海监控工程,上海监控安装,上海监控施工,上海监控维修,门禁维修,上海门禁维修,上海网络布线,
|
|