`
simgsg
  • 浏览: 96118 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

『网页制作』页面滚动HTML代码

 
阅读更多
<div id="blogDetailDiv" style="font-size: 16px;">滚动字幕在FrontPage的组件里有,但是FrontPage<span style="line-height: 1.8em; color: #f49bc1;">(娉按:FP这个软件我现在都很少用了~功能的确比DW少了不少) </span><br>,这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。 <br><br>1.建立第一个滚动字幕。代码:<br><br>&lt;marquee scrollAmount=2 width=300&gt;我钟意羊羊- -&lt;/marquee&gt;<br><br><br><br>2.各参数详解:<br><br>a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。<br><br>b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。<span style="line-height: 1.8em; color: #f49bc1;">(娉按:相对的做横向滚动的时候width是必须设置的值 </span><br><br><br>c)direction。表示滚动的方向。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。 <span style="line-height: 1.8em; color: #f49bc1;">((娉按:本娉测试过,默认的滚动方向是从左到右)</span> <br><br><br>d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。<span style="line-height: 1.8em; color: #f49bc1;">(娉按:唯一一个懒得改的参数。- —!)</span> <br><br>e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)<span style="line-height: 1.8em; color: #f49bc1;">(娉按:不碰也没有什么区别...一般不就是要循环的么...)</span><br><br>3.实例:<br><br>a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上&lt;a href=***&gt;和&lt;/a&gt;就可以了。如下效果,代码是&lt;marquee scrollAmount=2 width=300&gt;&lt;a href=http://www.cctv.com&gt;中央电视台&lt;/a&gt;&lt;/marquee&gt;,点击中央电视台就可以进入了:<br><br>中央电视台<br><br>b)如何制作当鼠标停留在文字上,文字停止滚动?<br><br>代码如:<br><br>&lt;marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()&gt;文字内容&lt;/marquee&gt;<br><br>c)交替效果。代码如:<br><br>&lt;marquee scrollAmount=2 width=99 behavior=alternate&gt;文字内容&lt;/marquee&gt;<br><br><br><br>d)多行文本向上滚动。代码如:<br><br>&lt;marquee scrollAmount=2 width=300 height=160 direction=up&gt;·早晨好啊!&lt;br&gt;·空气好清新啊&lt;br&gt;·今朝食乜好呢?&lt;p&gt;·&lt;a href=http://www.cctv.com&gt;中央电视台&lt;/a&gt;&lt;/marquee&gt;<br><br><span style="line-height: 1.8em; color: #f49bc1;">(<span style="font-weight: bold;"><span style="line-height: 1.8em; color: #ff0033;">娉按:以上本娉认为完全是废话,一旦代入代码以后完全可以用DW来一手操作...方便简洁...当然喜欢HTML一手操作的人例外</span>)</span></span><br><br>·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:<br><br>&lt;script&gt;document.write(&lt;marquee scrollAmount=2 width=300 height=160 direction=up&gt;·早晨好啊!&lt;br&gt;·空气好清新啊&lt;br&gt;·今朝食乜好呢?&lt;p&gt;·&lt;a href=http://www.cctv.com&gt;中央电视台&lt;/a&gt;&lt;/marquee&gt;)&lt;/script&gt; <br><br><br>由上可以看出,HTML代码是可以随意组合的,功能强大! &lt;!--v:3.2--&gt;
</div>
分享到:
评论

相关推荐

    IMG_20250415_160847.jpg

    IMG_20250415_160847.jpg

    big_dripleaf_stem.png

    big_dripleaf_stem

    计算机求职面试内容与技巧分享-针对应届毕业生的华为、腾讯技术岗位准备指南

    内容概要:本文详细介绍了针对国内顶级科技公司(如华为、腾讯)的计算机求职面试内容与技巧。文章首先概述了技术能力考察的重点领域,包括数据结构与算法、操作系统、计算机网络、数据库以及特定编程语言的深入知识点。接着阐述了项目经验和系统设计方面的考察标准,强调了STAR法则的应用和具体的设计案例。此外,还分别描述了两家公司在面试流程上的不同之处,提供了具体的面试技巧,如代码编写的注意事项、项目回答的数据支持方法、系统设计的关键考量因素以及反问面试官的有效问题。最后,给出了避坑指南和资源推荐,帮助求职者更好地准备面试。 适合人群:即将或计划进入华为、腾讯等大型科技企业工作的应届毕业生和技术人员。 使用场景及目标:①帮助求职者了解并准备好技术面试所需的知识点;②指导求职者如何有效地展示自己的项目经验;③提供系统设计题目的解答思路;④传授面试过程中需要注意的行为规范和沟通技巧。 阅读建议:由于文中涉及大量专业知识和技术细节,建议读者在阅读时结合自身背景有选择地进行重点复习,并利用提供的资源链接进一步深化理解。同时,在准备过程中要注意将理论知识与实际操作相结合,多做练习以增强信心。

    基于SpringBoot的课程设计选题管理系统(源码+数据库+万字文档+ppt)525

    基于SpringBoot的课程设计选题管理系统,系统包含三种角色:管理员、用户,教师主要功能如下。 【用户功能】 系统首页:浏览课程设计选题管理系统的信息。 个人中心:管理个人信息,查看选题进展和历史记录。 课题信息管理:浏览已有的课题信息。 选题信息管理:查看已选择的选题信息。 自拟课题管理:提出和管理个人自拟的课题,。 系统管理:修改个人密码。 【管理员功能】 系统首页:查看系统整体概况。 个人中心:管理个人信息。 学生管理:审核和管理注册学生用户的信息。 教师管理:审核和管理注册教师用户的信息。 课题信息管理:监管和管理系统中的课题信息,包括发布、编辑、删除等。 课题分类管理:管理课题的分类信息。 选题信息管理:查看学生已选题目的情况,包括审批和管理选题流程。 自拟课题管理:审批和管理学生提出的自拟课题。 系统管理:管理系统的基本设置。 【教师功能】 系统首页:查看系统。 个人中心:管理个人信息。 课题信息管理:浏览已有的课题信息。 课题分类管理:管理课题的分类信息。 选题信息管理:查看学生已选题目的情况。 自拟课题管理:提出和管理个人自拟的课题。 系统管理:校园资讯管理。

    橡胶履带牵引车辆改进设计(无极自动变速器方案设计).rar

    橡胶履带牵引车辆改进设计(无极自动变速器方案设计).rar

    1-剑桥大学发布GVAR数据集-社科数据.rar

    剑桥大学发布的GVAR(Global Vector Autoregressive)数据集是用于全球宏观经济分析的重要社科数据资源。该数据集基于GVAR模型开发,旨在量化宏观经济发展对金融机构的影响,并分析全球经济互动。GVAR模型通过处理高维系统中的相互作用,解决了“维度诅咒”问题,适用于国家、地区、行业等多层次的经济分析。数据集包含1979-2016年33个国家的季度数据,可用于冲击情景分析、预测及政策评估。配套的GVAR工具箱(GVAR Toolbox)提供了用户友好的界面,支持MATLAB和Excel操作,便于研究人员开展实际应用。该数据集为经济学、金融学及相关领域的学术研究和政策制定提供了有力支持。

    某汽车联合车间工艺布置图.zip

    某汽车联合车间工艺布置图.zip

    在stm32f407zgt上通过标准库实现w5500tcpserver和client

    在stm32f407zgt上通过标准库实现w5500tcpserver和client,可以ping通速率不快

    基于Python的微信跳一跳游戏程序.zip

    基于Python的微信跳一跳游戏程序

    white_concrete.png

    j

    ElectLines.py

    ElectLines.py

    【Python测试开发】算法能力测试卷:涵盖选择题、填空题、编程题及综合题的全面考核

    内容概要:本文档是一份针对Python测试开发工程师的算法能力测试卷,涵盖选择题、填空题、编程题和综合题四个部分。选择题考察Python基础知识、数据结构与算法、HTTP协议等;填空题涉及递归、排序、设计模式、HTTP请求方法、测试框架等具体知识点;编程题要求完成字符串反转、链表环检测、二叉树最大深度、两数之和及单元测试类的编写;综合题则包括设计自动化测试框架和实现测试报告生成器,旨在评估考生对Python编程和测试开发的全面掌握程度。 适合人群:具备Python编程基础,从事或计划从事测试开发工作的工程师。 使用场景及目标:①作为招聘流程中的技术考核工具;②帮助工程师自测和提升Python测试开发技能;③为企业内部培训提供标准化的评测标准。 阅读建议:此测试卷不仅考察语法和算法,更注重实际编程能力和解决问题的思路。建议考生在准备过程中多动手实践,熟悉常见的算法和数据结构,并掌握常用的测试框架和工具,如pytest、coverage等。同时,理解每个题目背后的设计意图,有助于更好地应对实际工作中的挑战。

    一级减速器成套CAD图【22CAD】.rar

    一级减速器成套CAD图【22CAD】.rar

    beetroots_stage2.png

    beetroots_stage2

    IMG_20250415_104619.jpg

    IMG_20250415_104619.jpg

    吴萌2262040206.zip

    吴萌2262040206.zip

    Android开发banner效果demo源码

    Android开发banner效果,用的是youthbanner的库,你们也可以去找原库demo

    h5py-3.13.0-cp310-cp310-win_amd64.whl

    该资源为h5py-3.13.0-cp310-cp310-win_amd64.whl,欢迎下载使用哦!

    Python实现经典贪吃蛇游戏代码

    内容概要:本文档提供了一个基于Python的贪吃蛇游戏完整代码示例。代码主要使用了Pygame库来创建游戏窗口、处理图形渲染与事件响应。游戏规则简单明了:玩家控制一条绿色的小蛇在黑色背景的游戏区域内移动,通过键盘方向键改变小蛇行进的方向,目的是吃到红色的食物方块使自身变长。当小蛇碰到边界或者自己的身体时,则判定为游戏失败并提示玩家选择是否重新开始或退出游戏。此外,还设置了帧率限制确保游戏流畅度。 适合人群:有一定Python编程基础的学习者,特别是对Pygame库感兴趣的开发者。 使用场景及目标:①作为初学者练习项目,帮助理解Pygame的基本用法;②可用于教学演示,讲解面向对象编程思想以及事件驱动机制;③为后续开发更复杂的游戏打下良好基础。 阅读建议:建议先熟悉Python语言特性及基本语法,再逐步深入研究本代码中的各个函数功能及其调用关系。同时可以尝试修改参数值(如窗口尺寸、颜色配置等),观察不同设置下的效果变化,从而加深对整个程序的理解。

    birch_planks.png

    birch_planks

Global site tag (gtag.js) - Google Analytics