前端如何设置字体滚动，及向左移动

前端设置字体滚动很多地方都用得上，用于提示，用于广告…
赋值下面代码引入jQuery插件即可测试

向上滚动

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script></head><style type="text/css">*{margin:0; padding:0;}#scrollDiv{width: 500px; height: 25px; line-height: 25px;/*这里的height是25px*/ margin:10px auto; overflow:hidden;line-height: 25px;text-align: center;}#scrollDiv li{height:25px; cursor:pointer;}</style>
</head>
<body><div id="scrollDiv"> <ul> <li>有问题，找<a href="https://www.baidu.com/?tn=95149372_hao_pg" style="text-decoration:none">百度！</a></li> <li>当年兄弟依旧<a href="https://hd.my.99.com/zqyd/?BillID=241749"style="text-decoration:none">传奇</a></li> <li>好主页，<a href="https://www.hao123.com/?tn=95149372_hao_pg"style="text-decoration:none">hao123</a></li> </ul> </div>
</body>
</html><script type="text/javascript">function autoscroll(obj){$(obj).find("ul:first").animate({marginTop:"-25px"},1000,function(){$(this).css("marginTop","0px").find("li:first").appendTo(this)})/*$(this).css("marginTop","0px")这里也许会有人搞不明白，为什么又设为0。因为在ul向上移25px的时候，其第一个li会添加到ul的末尾，如果ul的marginTop不设为0的话，整个ul就会慢慢移出它的父盒子，最后使得它的父盒子变空，实现不了原本想要实现的效果。*/}$(document).ready(function(){setInterval('autoscroll("#scrollDiv")',1800)})</script>
</html>

向左移动

<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>看不见我，看不见我，看不见我...！</marquee>

前端如何设置字体滚动，及向左移动相关推荐

android设置字体滚动,Android开发：TextView设置字体横向滚动
最近项目中遇到textview中文字显示不全的问题,由于界面设计原因,textview只能占比一定的宽度.基于以上情况,查找了一下textview的属性,强大的textview居然可以设置字体滚动,于 ...
android设置字体滚动,EditText如何设置滚动效果，字体满了继续输入可以滚动查看...
当输入文字过多的时候,固定的高度,让字体可以滚动查看: android:id="@+id/ScrollView2" android:layout_width="fill_ ...
html前端小技巧—字体及颜色色值准确设置
今天分享下"html前端小技巧-字体及颜色色值准确设置"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一 ...
android 设置字体大小不随系统大小变化,App字体大小不随系统改变而改变
在 "设置" , "显示" , "字体大小" 里面我们可以设置系统字体大小 App界面字体,如果被修改之后,可能就达不到理想状态的效果,界面 ...
用html修改游戏聊天字体,前端使用自定义字体方案
工作中我相信大家都遇到过设计要求使用一些奇奇怪怪字体的需求,然后因为字体文件太大,选择切图. 我这个需求就厉害了,用户发的文章可以选择字体.这文章中可以出现的字就太多了,显然上个方案就不合适了,那我们 ...
在html中字怎么修改位置,css怎么设置字体位置？
css怎么设置字体位置?下面本篇文章给大家介绍一下使用CSS设置字体位置的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:使用text-align属性设置字体的位置 t ...
html怎么设置网页的大小怎么设置,css怎么设置字体大小
前端开发中,为了突出一些内容常常对一些内容进行字体大小的设置.那么怎么设置字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法,希望对大家有所帮助. 在CSS中,可以使用font-si ...
div html表格样式设置字体大小,css样式表中如何修改字体大小为18px？
css样式表中如何修改字体大小为18px?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css样式表中如何修改字体大小为18px? 在css样式表中可以 ...
前端如何实现一个滚动的文本字幕
基于 HTML 的 marquee 标签实现文字滚动 / 字幕播放 marquee 标签介绍 : 可以实现文字滚动方向 direction .滚动方式 behavior .滚动速度 scrol ...

前端如何设置字体滚动，及向左移动

前端如何设置字体滚动，及向左移动相关推荐

最新文章

热门文章