23.跑马灯大全(一)
|
23.跑马灯大全(一) | ||||||||||||||||||
|
实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“<marquee>滚动的文字</marquee>”语句,它的效果如下所示:【文章来源:开店乐www.KaiDianLe.Com】
适当的运用<marquee>标签的参数,可以表现出不同的效果,请看下面的几个例子: 1、左右弹来弹去的跑马灯
实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction=left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。 源码粘贴框:
2、跑的很快的跑马灯
只要在<marquee>标签内加上“scrollamount=30”参数即可。 3、带有超级链接的跑马灯
其实实现的方法很简单,把整个<marquee></marquee>语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在<marquee></marquee>中的各条内容分别加上不同的链接,这样的跑马灯用来发布滚动新闻或是做站点导航再合适不过了。 源码粘贴框:
以上几个例子都是<marquee>标签参数的应用,下面把所有可以利用的参数列在表中供你参考,不过还是要提醒你,<marquee>标签只被IE所支持,使用Netscape浏览器是看不到的噢。
你已经看到,尽管<marquee>参数不少,单毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯,那就是我们下一个技巧的内容。 |
【日期:2006-10-9】【作者:网上开店】【转载自:http://www.kaidianle.com】
相关文章:
最好的网上开店系统:凡人网络购物系统免费下载
美女变成美丽的孔雀
绘影II与Photoshop焕彩黑白照片
美女变恐龙?恶作剧照片的PS技巧秘籍
白,我还要更白-我让MM更美白
将自己的照片处理为苹果iPod平面广告
28.调查信息以Email形式发送
27.简单的鼠标跟随
26.超链“确认”对话框
25.为主页定义热键
24.跑马灯大全(二)
23.跑马灯大全(一)
22.自动显示最后更新时间
21.页面滚动显示
20.显示日期和跳动的时间
19.鼠标移过链接时实现特定响应
18.DM查找替换的技巧(二)
17.DM查找替换的技巧(一)
16.定制站点导航条
15.实现有立体感的表格边框
14.如何为网页设置背景音乐?
13.如何让背景图象不滚动?
12.如何弹出公告窗口
11 灵活运用DREAMWEAVER的SITE功能
10 如何制作HTML字幕动画效果
9.如何实现文字的自动换行
8.超级链接时如何设定目标窗口
7.如何调整表格高度
6.中文网页制作中段落缩进的方法
5.DreamWeaver中如何防止出现重叠现象
在标题栏显示时间
自动识别网页文件类型
不用js就将一个对象定位在页面底部并随页面滚动
据你的登陆次数不同作出不同的提示信息
进入一个页面时跳出一个警告框,可以写一些欢迎词
页面转换特效的代码生成器
事先选择好表格的各种属性,自动创建表格,可做测试表格颜色用
事件处理等待
自由设定弹出窗口时间并且一天只弹一次
页面载入等待
一个很漂亮的转入别的页面时等待页
右键菜单的制作
下拉菜单
弹出浏览器的版本信息
若干个链接交替出现
提示特效打字效果
随机显示链接及说明文字,是做友情链接的首选
先点击指定链接,才能看到受限制的链接
鼠标效果
显示页面内的所有链接
点击网页上的按钮就可以实现自动向下或向下滚屏
防止"点击空链接时,页面往往重置到页首端"
一段实用的图片滚动显示代码
总在右上角旋转显示的字符
显示页面内的所有链接
防止"点击空链接时,页面往往重置到页首端"
一段实用的图片滚动显示代码
总在右上角旋转显示的字符
标题栏显示中文时间
INPUT框中最简单的时间显示
显示的全球时间表,而且是时钟样式
用下拉方式展开时间月份,然后选择想要的时间,做程序时用
版权所有:Kaidianle.Com 联系方式:Shnxn@Yhaoo.Com.Cn 京ICP备06028743号 在线留言