在图片上加滚动文字html,如何让文字在图片上滚动

如何让文字在图片上滚动

要想实现让文字在图片上滚动，可以按下方法操作：点击发表文章，出现文章发表框，把显示源代码的小框勾上，然后把下面这个代码粘贴上去：

borderColor=#FF0011 height=330 width=500

border=1>

background=背景图片链接地址>

代码说明：

代码的第一行图片框的属性，borderColor、height、width和border几个属性值可以进行修改，他们分别代表边框颜色，边框的高度，边框的宽度和边框的粗细值，其中边框颜色属性必须为十六进制数，或者为red、yellow、blue等。

然后进入图片网站，复制你选中的图片地址，粘贴在背景图片链接前就行了。可以直接选用你博客相册里的图片，方法是，点击相册，点击缩略图，双击你要选用的图片，这时出现在地址栏的就是该图片的链接地址，复制后粘贴在代码中“背景图片链接地址”处即可。

然后在显示源代码前点击一下，撤掉小勾，图片成功出现，就可以自由自在地在上面编辑文字。文字编辑完后，再把显示源代码的小框勾上，然后在文字代码前加上下面这个代码：

scrollAmount=1 scrollDelay=77 direction=up width=270

height=77

οnmοuseοut="this.start()"

οnmοuseοver="this.stop()">

代码说明：

1、width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。这几个值设过之后，也可以直接在图片上调整小框的大小。

2、direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

只要把这两个代码正确使用好，就能做文字在图片上滚动的效果，如下例《题世外桃源诗》。希望大家都能顺利做出美丽而有特色的页面。如有疑问，欢迎再来交流。

?/P>

山青水秀雾似纱炊烟起处有农家游人争向湖中去世外桃源美如画

(木木写作于2006年11月16日)

在图片上加滚动文字html,如何让文字在图片上滚动相关推荐

怎么在图片上面加个div层,让它浮于图片上方
怎么在图片上面加个div层,让它浮于图片上方 1.首先当然是要插入一张图片啦, 代码如下:<a href="#" target="_blank">& ...
htmlimg图片加载失败_html网页图片未加载完成或失败时显示默认图片
前言一般一个内容多的网站相对会有比较多的图片文件,但是同时加载这些图片文件或加载失败时会出现空白占位,影响美观,通过脚本控制,可以实现加载需求内容图片时,加载未完成或失败的时候显示一张本地默认图片, ...
图片上加超链接的方法，实现点击图片跳转到指定网页
在一些论坛.博客或者是一些网站浏览图片的时候会发现一个问题,就是当你不小心点击某一张图片后会自动跳转到另一个网页的界面,或者你必须要有网络空间和域名才可以这样实现图片加链接.这样做的目的其实是为了宣传 ...
图片懒加载是怎么实现的?如何实现图片懒加载?
1.什么是懒加载将图片src先赋值为一张默认图片,当用户滚动滚动条到可视区域图片的时候,再去加载后续真正的图片 2.为什么要引入懒加载懒加载(LazyLoad)是前端优化的一种有效方式,可以减轻服 ...
elementui 表格上加小问号鼠标移入提示文字
<el-table-columnalign="center"prop="efficiency"sortable="custom"lab ...
JS实现图片懒加载的几种简单方式，图片懒加载
记得以前手机端有个业务时将用户上传的的图片在用户往上滑动手机的时候呈现,由于刚开始用户数量少就没留意,直接将后台的数据拉过来渲染,当时后台也没有分页,可是后来参与用户多了起来,跳转到这个页面就渲染个几 ...
图片太多加载过慢？学学图片懒加载吧
实验介绍我们在浏览图片较多的网页时,有没有想过这些图片是如何成功展示的呢?比如像这样的图片素材网站: 这样的网页拥有成千上万的图片资源,如何优化网页性能成为了开发人员不得不思考的技术问题. 不难发现 ...
超详细的图片预加载和懒加载教程
最近接手一个项目 . 结果光安装依赖都出现了一堆麻烦 . 好不容易处理完一个 , 又来一个 .头疼啊看到之前有一些预加载的学习笔记.于是又查查找找 ,想想写写把预加载和懒加载的笔记写完整发现制 ...
vue 图片拖动加载类似于地图_前端性能优化之图片懒加载（附vue自定义指令）...
作者:lzg9527 链接:https://juejin.cn/post/6903774214780616718 在类电商类项目,往往存在大量的图片,如 banner 广告图,菜单导航图,美团等商家列 ...
[js] 图片懒加载
懒加载使用场景在一些图片量比较大的场景(电商首页,小程序首页等),如果我们打开页面时就加载所有的图片,那势必会导致页面的卡顿以及白屏,给用户不好的体验,导致用户流失. 但是我们仔细想一下,用户真的需 ...

在图片上加滚动文字html,如何让文字在图片上滚动

在图片上加滚动文字html,如何让文字在图片上滚动相关推荐

最新文章

热门文章