-
2021-06-14 06:09:39
如何让文字在图片上滚动
要想实现让文字在图片上滚动,可以按下方法操作:点击发表文章,出现文章发表框,把显示源代码的小框勾上,然后把下面这个代码粘贴上去:
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日)
相关文章链接
更多相关内容 -
js实现鼠标悬停图片上时滚动文字说明的方法
2020-10-24 17:11:12主要介绍了js实现鼠标悬停图片上时滚动文字说明的方法,涉及js操作鼠标事件的使用技巧,需要的朋友可以参考下 -
多种JQuery循环滚动文字图片效果代码
2020-10-22 21:13:32主要为大家提供了多种JQuery循环滚动文字图片效果代码,横向纵向循环文字或图片,感兴趣的小伙伴们可以参考一下 -
网页HTML代码:滚动文字的制作
2020-09-28 09:09:57本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的... 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的。本节 -
无缝横向滚动文字图片特效特效代码
2021-03-20 00:57:44无缝横向滚动文字图片特效,无缝横向滚动图片,文字上下滚动的特效代码,可用左右键控制滚动方向. -
js+div实现文字滚动和图片切换效果代码
2020-10-23 16:47:40主要介绍了js+div实现文字滚动和图片切换效果代码,涉及javascript鼠标事件及页面元素图片滚动效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下 -
JS实现div内部的文字或图片自动循环滚动代码
2020-10-27 11:59:04在某些情况下需要这样的功能:使用JS实现div内部的文字或图片自动循环滚动,接下来为大家详细介绍下实现方法,感兴趣的朋友可以参考下哈 -
css实现div自动添加滚动条(图片或文字等超出时显示)
2021-01-21 14:07:58原来用过,没有太在意,最近又用到。... 参数: 1.visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 2.auto :此为b -
jquery实现多行文字图片滚动效果示例代码
2020-11-30 17:57:20今儿分享一个jquery实现多行滚动效果。 我看一些论坛网站上面,公告处用的较多。 代码如下 // 多行滚动 (function($){ $.fn.extend({ Scroll:function(opt,callback){ if(!opt) var opt={}; var _this=this.eq(0).... -
无缝横向滚动文字图片特效.zip
2019-07-04 22:04:00无缝横向滚动文字图片特效,无缝横向滚动图片,文字上下滚动的特效代码,可用左右键控制滚动方向. -
jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码
2020-10-29 03:04:30jquery单行滚动、批量多行滚动、文字图片翻屏滚动效果代码,需要的朋友可以参考下。 -
支持左右滚动且鼠标移动到图片上显示文字说明
2020-06-11 06:46:29本代码有两种,一种是纯JS实现的banner图片切换代码 另一种是图片左右滚动代码,鼠标移动到图片上后显示图片文字说明内容 -
jquery图片文字滚动插件多组图片文字间歇滚动
2019-11-17 21:47:31jquery图片文字滚动插件多组图片文字间歇滚动 -
jQuery图片文字平滑滚动插件,jQuery.scrollSomething使用演示
2021-05-07 02:13:16摘要:脚本资源,jQuery,滚动插件,文字滚动,图片滚动 jQuery图片文字平滑滚动插件,jQuery.scrollSomething使用演示,在背景加黑的文字或图片上,鼠标移过去后会出现一个三角,放在这个三角上,文字或图片就可向左或... -
JavaScript实现图片无缝滚动效果
2020-12-09 10:13:16图片无缝滚动就是图片一直不停的滚动,好像没有无穷无尽似的,实际上就是几张图片不停的循环,但是看不出有从最后面切换到最前面的效果,这就是无缝滚动,文字和图片都可以无缝滚动,这里介绍的是图片,文字是同样的... -
javascript实现文字图片上下滚动的具体实例
2020-10-27 04:38:39介绍了在JS中文字图片上下滚动的实现代码,需要的朋友可以参考一下 -
C#winfrom文字图片滚动
2020-09-20 21:16:37C#winfrom实现的字体在界面上不同位置滚动显示,以及图片在窗体上滚动显示的效果,给有需要的参考参考。 -
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2020-12-02 07:46:21一、jQuery.roll 插件使用说明 jQuery.roll 是模拟百度新闻不间断滚动效果,并支持文字、图片水平垂直滚动,该函数使用方法为: 代码如下: /* * @module jQuery roll * @param: contentCls 内容容器className * @... -
控制图片左右滚动并带滚动条图片展示特效
2020-06-11 07:43:51jquery控制图片左右滚动图片,底部带有滚动条 -
jQuery页面滚动文字图片元素淡入动画特效
2020-06-10 04:53:31一款目前挺多网站用到的jQuery页面滚动文字图片元素淡入动画特效,网页往下滚动时div、img等元素才淡入动画显示出来。 -
一个jquery实现的不错的多行文字图片滚动效果
2020-10-25 10:05:51本节与大家分享的多行文字图片滚动效果,基于jquery实现,比较实用,有喜欢的朋友可以收藏下 -
ios-Swift 滚动文字和图片,一行两行或多行.zip
2019-07-11 19:30:20Swift 滚动文字和图片,一行两行多行滚动,支持添加图片和标签 -
图片文字滚动插件jQuery Scrollbox特效代码
2021-03-20 04:26:39图片文字滚动插件jQuery Scrollbox附件中提供了五种图片、文字滚动样式,只需调用jquery库和jQuery Scrollbox插件,然后再加一段简单的jquery代码即可使用,兼容性良好,冲突的概率比较低。 -
2020在Dreamweaver网页中插入滚动文字.ppt
2020-12-01 08:00:2608 机电 1 班 Electrical and Mechanical My class one Dreamweaver 网页文 字滚动效果的制作 黄先竹 制作网页文字滚动效果 一插入滚动文字 教师演示在网页中插入滚动文字 大家好 制作网页文字滚动效果 定位插入点 ... -
jquery图片和文字结合滚动切换效果
2019-11-02 14:08:57jquery图片和文字结合滚动切换效果 jquery图片和文字结合滚动切换效果 -
jQuery 大幅文字+图片滚动变幻的动画布局示例
2021-05-12 10:31:57内容索引:脚本资源,jQuery,图片滚动 jQuery 大幅文字+图片滚动变幻的动画布局示例,代码中设置有定时器、切换间隔、滚动时间、淡出时间、淡入时间、起始序列、滚动内容个数、每个滚动内容的宽度等,本效果可与你的...