XHTMT HTML5 CSS HTML DOM

jQuery JSON AJAX LESS HTML Bootstrap Foundation AngularJS Ember.js TypeScript AngularJS2 React jQuery UI jQuery EasyUI Node.js Highcharts Echarts Vue.js CoffeeScript Ext.js Meteor SASS Omi Markdown 前端开发规范浏览器 webpack JavaScript CSS3

用户登录

还没有账号?立即注册

用户注册

点击换图

Marquee高级用法实例代码

作者: 燃烧的腿毛50131341
来源: 51数据库
2020-08-11

Marquee鲜为人知的用法不往这方面想还真的不知道。灵活运用的话还真是个好东西呢

<html> 
<head> 
</head> 
<body> 
<marquee behavior="alternate" height="400" direction="up" scrollamount="3" scrolldelay="30" width="500" bgcolor="#3399FF"> <marquee behavior="alternate" height="50" direction="left" scrollamount="3" scrolldelay="30" width="100%"> <font style="font-size: 35px">jb51.net</font> 
</marquee> 
</marquee> 
</body> 
</html>
[/html
Marquee嵌套

[html]
<marquee height="400" direction="up" scrollamount="5" scrolldelay="30" width="200" bgcolor="#3399FF"> <marquee behavior="alternate" height="50" direction="right" scrollamount="4" scrolldelay="30" width="100%"> <font face="Webdings" style="font-size: 50px">ÿ</font> 
</marquee>

<marquee behavior="alternate" height="50" direction="left" scrollamount="4" scrolldelay="30" width="100%"> 
<font face="Webdings" style="font-size: 50px">ÿ</font> 
</marquee>

<marquee behavior="alternate" height="50" direction="right" scrollamount="3" scrolldelay="30" width="100%"> 
<font face="Webdings" style="font-size: 50px">ÿ</font> 
</marquee> 
</marquee>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

]

推荐阅读

热点文章

CSS原生嵌套语法来了！使用指南速览！

CSS原生嵌套语法来了！使用指南速览！

聊聊CSS中怎么让auto height支持过渡动画

聊聊CSS中怎么让auto height支持过渡动画

让交互更加生动！巧用CSS实现鼠标跟随 3D 旋转效果

让交互更加生动！巧用CSS实现鼠标跟随 3D 旋转效果

“saturate”，又get了新的CSS知识！

“saturate”，又get了新的CSS知识！

巧用距离、角度及光影制作炫酷的 3D 文字特效

巧用距离、角度及光影制作炫酷的 3D 文字特效

13 个实用CSS技巧，助你提升前端开发效率！

13 个实用CSS技巧，助你提升前端开发效率！

手把手教你用CSS实现简单大气的输入框

手把手教你用CSS实现简单大气的输入框

聊聊怎么利用CSS实现波浪进度条效果

聊聊怎么利用CSS实现波浪进度条效果

手把手教你使用CSS实现酷炫六边形网格背景图

手把手教你使用CSS实现酷炫六边形网格背景图

带你吃透Flex布局的三个属性：flex-grow、flex-shrink、flex-basis

带你吃透Flex布局的三个属性：flex-grow、flex-shrink、flex-basis

软件

前端设计

程序设计

Java相关