js 停顿一秒_js实现文字向上滚动,并且每滚动一行停顿几秒的效果_蓝戒的博客...
前端工程师的一般性特点:
1.技术控,会前端,也会一门非前端语言。
2.对异性的期望较高但是实际情况相反。
3.对IE系列尤其是IE6同仇敌忾。
4.很多人多才多艺,但不经常炫出来。
5.喜欢尝试新鲜东西,尤其是互联网产品。
6.陌生场面会比较内敛,但是大多内心热情,用一个词也可以说是闷骚。
7.工作之余时间在电脑面前呆得比较多。
8.身体素质一般。
源码实例:
[codesyntax lang="php"]
<type="text/css"><!--
.info{width:600px; height:240px; float:left; } .info h3{width:490px; height:32px; font:normal 20px/32px "微软雅黑"; float:left; background:#C65D3F; color:#fff; text-align:center;} .info ul{width:486px; height:128px; overflow:hidden; float:left; border:2px solid #FACA78;} .info ul li{idth:476px; padding-left:10px; height:32px; font:bold 12px/32px "宋体"; float:left;}
--></style>
<div class="info">
<h3>前端工程师的一般性特点:</h3>
<ul id="mq" οnmοuseοver="iScrollAmount=0" οnmοuseοut="iScrollAmount=1">
<li>1.技术控,会前端,也会一门非前端语言。</li>
<li>2.对异性的期望较高但是实际情况相反。</li>
<li>3.对IE系列尤其是IE6同仇敌忾。</li>
<li>4.很多人多才多艺,但不经常炫出来。</li>
<li>5.喜欢尝试新鲜东西,尤其是互联网产品。</li>
<li>6.陌生场面会比较内敛,但是大多内心热情,用一个词也可以说是闷骚。</li>
<li>7.工作之余时间在电脑面前呆得比较多。</li>
<li>8.身体素质一般。</li>
</ul>
</div><!--文字向上停顿轮播js-->
<type="text/javascript";
var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 32; //单行高度,像素
var iLineCount = 8; //实际行数
var iScrollAmount = 1; //每次滚动高度,像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iLineCount * iLineHeight )
oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()", 2000 );
} else {
window.setTimeout( "run()", 50 );
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 2000 );
</script>
[/codesyntax]
js 停顿一秒_js实现文字向上滚动,并且每滚动一行停顿几秒的效果_蓝戒的博客...相关推荐
- html中移动端遮罩层,移动端微信分享弹出遮罩层js效果_蓝戒的博客
css部分: .btonshare{ width:80%; height:50px; float:left; background:#16bb5c; margin:0 10%; margin-top: ...
- jsecharts如何改变占比_echarts.js多图表数据展示使用小结_蓝戒的博客
// 路径配置 require.config({ paths: { echarts: 'http://localhost/beyondsoft/static/component/echarts/bui ...
- php粒子背景特效_粒子背景特效Particleground.js插件使用解析_蓝戒的博客
Particleground简介: Particleground是一个JavaScript插件,用于时髦的后台粒子系统.包括鼠标在桌面设备和移动设备上的陀螺仪控制的可选视差效果.在支持HTML5画布的 ...
- java造型_java造型_java向上造型有什么作用为什么要造型有什么效果_彩妆阁
1.java中造型与转型都什么意思,怎么用? 我知道我知道 造型就是款式 比如新款 爆款 秒杀款 卖爆了等等 这就是造型 至于转型 比如你之前写Java然后写.net 就叫转型了啦 2.java中上溯 ...
- vue.js搭建个人博客
博客2.0更新啦 博客2.0 博客地址:mangoya.cn 整体样式基本没有变化,主要变化是前后端重构,之前的1.0版本后端为php,并非博主所开发,这次重构调整了数据结构和所熟悉的语言,采 ...
- 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十七 ║Vue基础:使用Vue.js 来画博客首页(一)...
缘起 书说前两篇文章< 十五 ║ Vue前篇:JS对象&字面量&this>和 < 十六 ║ Vue前篇:ES6初体验 & 模块化编程>,已经通过对js面 ...
- js 停顿一秒_JS实用的带停顿的逐行文本循环滚动效果实例
如下所示: JS实用的带停顿的逐行文本循环滚动效果 #scrollBox2{font-size:12px;width:260px;color:#646464;line-height:22px;heig ...
- 原生JS实现公告栏文字向上滚动
HTML代码: <div id="top_message"><span style="font-size:19px; position:absolute ...
- jQuery实现文字向上滚动
在一些网页中,我们会看到有一行或多行文字向上滚动,就像轮播一样.那我们如何实现它呢,现在就开始吧! 单行文字 html代码 <div id="scrollDiv"> & ...
最新文章
- 6位图灵奖获得者、10多位院士在线“教学”,这套关于“人工智能下一个十年”的课程免费提供给你...
- Flutter开发环境安装
- 使用百度地图实现详细地址自动补全
- 最近和朋友微信卖螃蟹有点偏离重心了
- [转载]VHDL的testbench的编写
- mootools-1.2.1-core.js在IE中显示不了图像翻页
- android医疗管理软件,智能医疗信息管理系统(医院版)
- postgresql数据库中多个Schemas互相访问
- Wavel Sequence HDU - 6078 (dp)
- 微信小程序开源云开发的博客【点赞、收藏、评论、海报、签到、积分、后台管理等】
- 楼氏电子推出Raspberry Pi 开发工具包,为新物联网应用和行业语音整合提供支持
- android模拟器命令大全,雷电安卓模拟器命令行整理贴
- 让你久等了!《开源安全运维平台OSSIM疑难解析--入门篇》9月上市
- 6 客户端认证方式 之 client_secret_basic client_secret_post
- 天涯明月刀最新服务器,天涯明月刀手游手游开服表_天涯明月刀手游手游开服时间表_新服新区预告_第一手游网...
- 处理回收站“属性”不可用,没有“清空回收站”功能
- 2016版excel_Excel怎么转换成pdf?教你三招超简单方法
- 微信小程序实现微信登录以及获取用户手机号
- 阿里达摩院——cv算法面经
- http性能和长短连接
热门文章
- 千牛如何撤销发往服务器的文件夹,千牛怎么清理缓存?两种清理千牛缓存方法介绍...
- 域环境下如何保护重要资料文件的安全(二)---IRMRMS(上)
- HP1050网络打印机设置及驱动安装详细说明书
- 跨语言同声翻译工具哪个好你知道吗
- G1D7-云计算与虚拟化技术pagerank算法作图GNN@LAB0Intriguing properties of neural networks算法美亚2021个人赛ATP论文@TT
- 怎么复习信息系统项目管理师?
- 使用c++onnxruntime部署yolov5模型并使用CUDA加速(超详细)
- GD32F103RCT6 MINI板综合开发教程(新手入门必备选择)
- Qnet弱网测试工具操作指南
- infopath 自动递增_InfoPath表单中的递增顺序编号