做漫画视频在线观看网站,wordpress主题什么值得买,做外贸相关的网站,网站收录查询方法[br]1 各种跑马灯代码#xff1a; [br]2 实现跑马灯的方法很多#xff0c;其中最简单的是采用一句Html代码来实现#xff0c;我们在需要出现跑马灯效果的地方插入“#xff1c;marquee#xff1e;滚动的文字#xff1c;/marquee#xff1e;”语句#xff0c;它的效果如…[br]1 各种跑马灯代码 [br]2 实现跑马灯的方法很多其中最简单的是采用一句Html代码来实现我们在需要出现跑马灯效果的地方插入“marquee滚动的文字/marquee”语句它的效果如下所示 [br]3 滚动的文字 [br]4 适当的运用marquee标签的参数可以表现出不同的效果请看下面的几个例子 [br]5 1、左右弹来弹去的跑马灯 [br]6 弹来弹去跑马灯! [br]7 实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavioralternate表示双向移动directionleft表示运动方向向左。marquee的宽度可以使用绝对象素值例如width200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。 [br]8 源码粘贴框 [br]9 marquee width400 behavioralternate directionleft alignmiddle border1弹来弹去跑马灯!/marquee [br]10 [br]11 、跑的很快的跑马灯 [br]12 跑的很快跑马灯! [br]13 只要在marquee标签内加上“scrollamount30”参数即可。 [br]14 、带有超级链接的跑马灯 [br]15 带有超链接的跑马灯!点我试试 还有一条呢!点我试试 [br]16 其实实现的方法很简单把整个marquee/marquee语句包含在超链接中就行你看看下面的代码就清楚了。当然你也可以把包含在marquee/marquee中的各条内容分别加上不同的链接这样的跑马灯用来发布滚动新闻或是做站点导航再合适不过了。 [br]17 源码粘贴框 [br]18 marquee width90% [br]19 a hrefhttp://www.22.tc/ target_blank带有超链接的跑马灯!点我试试/a [br]20 a hrefhttp://www.22.tc/ target_blank还有一条呢!点我试试/a [br]21 /marquee [br]22 以上几个例子都是marquee标签参数的应用下面把所有可以利用的参数列在表中供你参考不过还是要提醒你marquee标签只被IE所支持使用Netscape浏览器是看不到的噢。 [br]23 参数 用法介绍 [br]24 behaviorscroll, slide, alternate 跑马方式循环绕行只跑一次就停住来回往复运动 [br]25 directionleft,right ,up,down 跑马方向从左向右从右向左 [br]26 loop100 跑马次数循环100次如不写默认为一直循环 [br]27 width100%,height200 跑马范围宽为100%高为200像素 [br]28 scrollamount20 跑马速度数越大越快 [br]29 scrolldelay500 跑马延时毫秒数利用它可实现跃进式滚动 [br]30 hspace20vspace20 跑马区域与其它区域间的空白大小 [br]31 bgcolor#00FFCC 跑马区域的背景颜色 [br]32 idgonggao 指定Id [br]33 οnmοuseοutgonggao.start() 鼠标离开时重新滚动 [br]34 οnmοuseοvergonggao.stop() 鼠标放上去时停止 [br]35 [br]36 4、超链接的跑马灯式提示信息 [br]37 把你的“老鼠”移到下面链接上试一试有什么不同呢原来弹出了一条跑马灯式的提示信息这是怎么实现的呢请接着看 [br]38 源码粘贴框 [br]39 1)将下面代码放在body标签下 [br]40 script [br]41 if (!document.layers!document.all) [br]42 eventtest [br]43 function showtip2(current,e,text){ [br]44 if (document.alldocument.readyStatecomplete){ [br]45 document.all.tooltip2.innerHTMLmarquee styleborder:1px solid blacktext/marquee [br]46 document.all.tooltip2.style.pixelLeftevent.clientXdocument.body.scrollLeft10 [br]47 document.all.tooltip2.style.pixelTopevent.clientYdocument.body.scrollTop10 [br]48 document.all.tooltip2.style.visibilityvisible [br]49 } [br]50 else if (document.layers){ [br]51 document.tooltip2.document.nstip.document.write(btext/b) [br]52 document.tooltip2.document.nstip.document.close() [br]53 document.tooltip2.document.nstip.left0 [br]54 currentscrollsetInterval(scrolltip(),100) [br]55 document.tooltip2.lefte.pageX10 [br]56 document.tooltip2.tope.pageY10 [br]57 document.tooltip2.visibilityshow [br]58 } [br]59 } [br]60 function hidetip2(){ [br]61 if (document.all) [br]62 document.all.tooltip2.style.visibilityhidden [br]63 else if (document.layers){ [br]64 clearInterval(currentscroll) [br]65 document.tooltip2.visibilityhidden [br]66 } [br]67 } [br]68 function scrolltip(){ [br]69 if (document.tooltip2.document.nstip.left-document.tooltip2.document.nstip.document.width) [br]70 document.tooltip2.document.nstip.left-5 [br]71 else [br]72 document.tooltip2.document.nstip.left150 [br]73 } [br]74 /script [br]75 2)然后在要出现提示信息的链接中添加onMouseover语句 [br]76 a hrefpm23.htm 跑马灯大全(一)/a [br]77 a href/pc/index.htm 电脑交互教程/a [br]78 a hrefpmjq00.htm 网页制作技巧技巧/a [br]79 实现步骤 [br]80 (1)先在body标签下面插入一段JavaScript代码 [br]81 (2)然后在需要实现跑马灯式提示信息效果的超链接中加入Onmouseover和Onmouseout语句。 [br]82
相关文章：
